@charset "UTF-8";
/* ==========================================================================
Reset
========================================================================== */
/*
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;
}

* {
  box-sizing: border-box;
}

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

/* ==========================================================================
Rules
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Settings
========================================================================== */
/* ==========================================================================
breakPoint
========================================================================== */
/* ==========================================================================
_wapSettings
========================================================================== */
/* ==========================================================================
_widthSettings
========================================================================== */
/* ==========================================================================
_heightSettings
========================================================================== */
/* ==========================================================================
_positionSettings
========================================================================== */
/* ==========================================================================
borderRadius
========================================================================== */
/* ==========================================================================
_marginSettings
========================================================================== */
/* ==========================================================================
_paddingSettings
========================================================================== */
/* ==========================================================================
fonts
========================================================================== */
/* ==========================================================================
_lineHeight
========================================================================== */
/* ==========================================================================
_letterspace
========================================================================== */
/* ==========================================================================
ボタンタイプ
========================================================================== */
/* ==========================================================================
Rules
========================================================================== */
#page_top {
  animation: cloak-in 0.75s;
}

body {
  -webkit-font-smoothing: antialiased;
}

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

ul,
li,
dd,
dt,
dh {
  list-style: none;
}

svg {
  display: block;
}

.tj {
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
  display: block;
  font-size: 0.1em;
}

.wapper {
  width: 1025px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .wapper {
    width: 98%;
  }
}
@media screen and (max-width: 767px) {
  .wapper {
    width: 100%;
  }
}

.pc_only {
  display: block;
}
@media screen and (max-width: 767px) {
  .pc_only {
    display: none;
  }
}

.sp_only {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp_only {
    display: block;
  }
}

.pc_order_0 {
  order: 0;
}
@media screen and (max-width: 767px) {
  .pc_order_0 {
    order: unset;
  }
}

.fw_0 {
  font-weight: 0;
}

.pc_order_1 {
  order: 1;
}
@media screen and (max-width: 767px) {
  .pc_order_1 {
    order: unset;
  }
}

.fw_100 {
  font-weight: 100;
}

.pc_order_2 {
  order: 2;
}
@media screen and (max-width: 767px) {
  .pc_order_2 {
    order: unset;
  }
}

.fw_200 {
  font-weight: 200;
}

.pc_order_3 {
  order: 3;
}
@media screen and (max-width: 767px) {
  .pc_order_3 {
    order: unset;
  }
}

.fw_300 {
  font-weight: 300;
}

.pc_order_4 {
  order: 4;
}
@media screen and (max-width: 767px) {
  .pc_order_4 {
    order: unset;
  }
}

.fw_400 {
  font-weight: 400;
}

.pc_order_5 {
  order: 5;
}
@media screen and (max-width: 767px) {
  .pc_order_5 {
    order: unset;
  }
}

.fw_500 {
  font-weight: 500;
}

.pc_order_6 {
  order: 6;
}
@media screen and (max-width: 767px) {
  .pc_order_6 {
    order: unset;
  }
}

.fw_600 {
  font-weight: 600;
}

.pc_order_7 {
  order: 7;
}
@media screen and (max-width: 767px) {
  .pc_order_7 {
    order: unset;
  }
}

.fw_700 {
  font-weight: 700;
}

.pc_order_8 {
  order: 8;
}
@media screen and (max-width: 767px) {
  .pc_order_8 {
    order: unset;
  }
}

.fw_800 {
  font-weight: 800;
}

.ovhidden {
  overflow: hidden;
}

a {
  transition-duration: 0.5s;
}
a:hover {
  opacity: 0.6;
}

.d_flex {
  display: flex;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.d_contents {
  display: contents;
}

.d_inline {
  display: inline;
}

.d_grid {
  display: grid;
}

.d_inlineBlock {
  display: inline-block;
}

.d_inlineFlex {
  display: inline-flex;
}

.d_inlineTable {
  display: inline-table;
}

/* ==========================================================================
justify-content
========================================================================== */
.j_between {
  justify-content: space-between;
}

.j_start {
  justify-content: flex-start;
}

.j_end {
  justify-content: flex-end;
}

.j_center {
  justify-content: center;
}

.j_around {
  justify-content: space-around;
}

.j_baseline {
  justify-content: space-baseline;
}

.j_firstBaseline {
  justify-content: first baseline;
}

.j_firstBaseline {
  justify-content: last baseline;
}

.j_left {
  justify-content: left;
}

.j_right {
  justify-content: right;
}

.j_safe {
  justify-content: safe;
}

/* ==========================================================================
align-items
========================================================================== */
.ali_baseline {
  align-items: baseline;
}

.ali_center {
  align-items: center;
}

.ali_end {
  align-items: flex-end;
}

.ali_start {
  align-items: flex-start;
}

.ali_stretch {
  align-items: stretch;
}

.ali_unset {
  align-items: unset;
}

/* ==========================================================================
align-content
========================================================================== */
.alc_center {
  align-content: center;
}

.alc_end {
  align-content: flex-end;
}

.alc_around {
  align-content: space-around;
}

.alc_between {
  align-content: space-between;
}

.alc_stretch {
  align-content: stretch;
}

.alc_unset {
  align-content: unset;
}

/* ==========================================================================
row
========================================================================== */
.row {
  flex-flow: row wrap;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Library
========================================================================== */
body {
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #323232;
  font-weight: 500;
}
body img {
  max-width: 100%;
  height: auto;
  display: block;
}

body input,
body textarea,
body button {
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
  line-height: 1;
  font-weight: 500;
}

#mintyou,
.mintyou,
.mincho {
  font-family: "Shippori Mincho B1", serif;
}

.t_center {
  text-align: center;
}

.text_justify {
  text-align: justify;
  text-justify: inter-ideograph;
}

#mintyou,
.mintyou {
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS 明朝 E, Meiryo, serif;
}

.entitle {
  font-family: "Josefin Sans", sans-serif;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
}

.cormorant {
  font-family: "Cormorant", serif;
}

.sawamin {
  font-family: "Sawarabi Mincho", sans-serif;
}

.Bebas {
  font-family: "Bebas Neue", cursive;
}

.ShipporiMincho {
  font-family: "Shippori Mincho B1", serif;
}

.Garamond {
  font-family: "Cormorant Garamond", serif;
}

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

.bellefair {
  font-family: "Bellefair", serif;
}

.staatliches {
  font-family: "Staatliches", cursive;
}

.tj {
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
  display: block;
  font-size: 0.1em;
}

/* ==========================================================================
Component
========================================================================== */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2022/09/08, 15:33:59
    Author     : SPG-1105
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2022/09/08, 15:34:06
    Author     : SPG-1105
*/
.bg_EF286E {
  background: #EF286E;
}

.bg_0080CC {
  background: #0080CC;
}

.bg_FF803C {
  background: #FF803C;
}

.bg_14AE5A {
  background: #14AE5A;
}

.bg_14AE5A {
  background: #14AE5A;
}

.bg_61CE93 {
  background: #61CE93;
}

.bg_FF803C {
  background: #FF803C;
}

.bg_FFA270 {
  background: #FFA270;
}

.bg_FF8CB5 {
  background: #FF8CB5;
}

.cl_fff {
  color: #FFF;
}

.cl_000 {
  color: #000;
}

.undernone {
  text-decoration: none;
}

.cpointer {
  cursor: pointer;
}

.bg_underMenu {
  background: #FFF;
}

.bg_TopMenu {
  background: #FF400C;
}

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.spwap {
  width: 750px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .spwap {
    width: 100%;
  }
}

.base_header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #FFF;
}

.header {
  position: relative;
}

.headerFx {
  justify-content: space-between;
  align-items: center;
  width: 726px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
}
@media screen and (max-width: 1024px) {
  .headerFx {
    width: 96.8%;
  }
}
@media screen and (max-width: 767px) {
  .headerFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}

.headerFx a {
  width: 208px;
}
@media screen and (max-width: 767px) {
  .headerFx a {
    width: 28.73%;
  }
}

.btnHeaderOpen {
  cursor: pointer;
  width: 108px;
}
@media screen and (max-width: 767px) {
  .btnHeaderOpen {
    width: 54px;
  }
}
.btnHeaderOpen img {
  display: block;
}

.btnHeaderOpen.off .off {
  display: block;
}
.btnHeaderOpen.off .on {
  display: none;
}

.btnHeaderOpen.on .on {
  display: block;
}
.btnHeaderOpen.on .off {
  display: none;
}

.headerMenu {
  display: none;
  z-index: 9;
  position: absolute;
  top: 108px;
  right: 0;
  width: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 100vh;
  width: 260px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
  padding: 0 0 40% 0;
  background: #E63100;
}
@media screen and (max-width: 767px) {
  .headerMenu {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
.headerMenu::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .headerMenu {
    top: 54px;
    width: 260px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1024px) {
  .headerMenu {
    width: 69.33%;
  }
}

.btnHeaderClose {
  width: 108px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
}
@media screen and (max-width: 1024px) {
  .btnHeaderClose {
    width: 14.4%;
  }
}
@media screen and (max-width: 767px) {
  .btnHeaderClose {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}

.ulHeaderMenu {
  width: 100%;
}

.liHeaderMenu {
  width: 100%;
}

.btnHeaderMenu {
  height: 51px;
  text-decoration: none;
  font-size: 17px;
  line-height: 1.4705882353;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  border-bottom: 1px solid #E63100;
}
@media screen and (max-width: 767px) {
  .btnHeaderMenu {
    font-size: 4.5333333333vw;
  }
}
.btnHeaderMenu::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4705882353) * 0.5em);
  content: "";
}
.btnHeaderMenu::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4705882353) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnHeaderMenu {
    padding: 0% 3.84% 0% 3.84%;
  }
}
@media screen and (max-width: 767px) {
  .btnHeaderMenu {
    font-size: 17px;
    padding: 0.5% 7.69% 0% 7.69%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnHeaderMenu {
    font-size: 4.5333333333vw;
  }
}

.liSubHeaderMenu {
  border-bottom: 1px solid #E63100;
  background: #FFF;
}

.btnSubHeaderMenu {
  text-decoration: none;
  font-size: 17px;
  line-height: 1.4705882353;
  letter-spacing: 0em;
  text-indent: 0em;
  height: 49.5px;
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  .btnSubHeaderMenu {
    font-size: 4.5333333333vw;
  }
}
.btnSubHeaderMenu::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4705882353) * 0.5em);
  content: "";
}
.btnSubHeaderMenu::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4705882353) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnSubHeaderMenu {
    padding: 1% 3.69% 0% 3.69%;
  }
}

.iconSubHeaderMenu {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 0px;
  background: url(../img/iconSubHeaderMenu.svg) no-repeat left center;
  background-size: auto 84%;
}
@media screen and (max-width: 767px) {
  .iconSubHeaderMenu {
    padding: 0% 0% 0% 7.69%;
  }
}
@media screen and (max-width: 767px) {
  .iconSubHeaderMenu {
    padding: 0% 0% 0% 14.38%;
  }
}

.headerMenuBg {
  position: absolute;
  display: none;
  z-index: 8;
  background: #FFF;
  position: absolute;
  top: 108px;
  right: 0;
  width: 100%;
  height: 100vh;
  background: rgb(0, 0, 0);
}
.headerMenuBg::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .headerMenuBg {
    top: 54px;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.footerNavs {
  width: 644px;
  margin-top: 61px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .footerNavs {
    width: 85.86%;
  }
}
@media screen and (max-width: 767px) {
  .footerNavs {
    margin-top: 8.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .footerNavs {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulFooterNavs {
  width: 100%;
}

.liFooterNavs {
  width: 100%;
}

.btnFooterNavs {
  display: block;
  width: 100%;
}
.btnFooterNavs:hover {
  opacity: 1;
}

.liFooterNavs02 {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liFooterNavs02 {
    margin: 3.41% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liFooterNavs02 {
    margin: 8.5px 0 0 0;
  }
}

.txtFooterNav {
  font-feature-settings: "palt";
  width: 100%;
  margin: 8% 0% 0% 0%;
  font-size: 25px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 767px) {
  .txtFooterNav {
    font-size: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFooterNav {
    margin: 9% 0% 0% 0%;
    font-size: 13px;
    line-height: 1.3846153846;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFooterNav {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFooterNav::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3846153846) * 0.5em);
    content: "";
  }
  .txtFooterNav::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3846153846) * 0.5em);
    content: "";
  }
}

.footer {
  margin: 17% 0% 5.33% 0%;
}
.btnFooterLine {
  width: 100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .btnFooterLine {
    width: 13.33%;
  }
}
@media screen and (max-width: 767px) {
  .btnFooterLine {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnFooterLogo {
  width: 380px;
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .btnFooterLogo {
    width: 50.66%;
  }
}
@media screen and (max-width: 767px) {
  .btnFooterLogo {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnFooterLogo {
    margin-top: 7.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.copy {
  margin: 7% 0% 0% 0%;
  font-size: 25px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 767px) {
  .copy {
    font-size: 6.6666666667vw;
  }
}
.copy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
.copy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .copy {
    line-height: 1.4;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .copy {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .copy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
  .copy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}

/*トップへ戻る*/
.btnToHomeBox {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 2%;
  z-index: 9;
}

.btnToHomeBox .btnToHome {
  display: block;
  width: 100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .btnToHomeBox .btnToHome {
    width: 13.33%;
  }
}
.btnToHomeBox .btnToHome:hover {
  opacity: 1;
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexCntWap {
  padding: 0% 0% 5.8% 0%;
  overflow: hidden;
  position: relative;
  margin: auto;
  background-image: url(../img/index/bgIndexCntBtm.webp), url(../img/index/bgIndexCnt.webp);
  background-position: bottom center, top center;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, 100% auto;
}
.indexCnt {
  position: relative;
  width: 656px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .indexCnt {
    width: 87.46%;
  }
}

.indexCntIn01 {
  position: absolute;
  width: 85.92%;
  top: 11%;
  left: 0;
  right: 0;
  margin: auto;
}

.liindexCntTop0101 {
  position: absolute;
  top: 8%;
  left: 34%;
  aspect-ratio: 1/1;
  width: 29%;
}

.liindexCntTop0102 {
  position: absolute;
  top: 40%;
  left: 7%;
  aspect-ratio: 1/1;
  width: 29%;
}

.liindexCntTop0103 {
  position: absolute;
  top: 40%;
  left: 61%;
  aspect-ratio: 1/1;
  width: 29%;
}

.liindexCntTop0104 {
  position: absolute;
  top: 74%;
  left: 7%;
  aspect-ratio: 1/1;
  width: 29%;
}

.liindexCntTop0105 {
  position: absolute;
  top: 74%;
  left: 61%;
  aspect-ratio: 1/1;
  width: 29%;
}

.indexCntIn02 {
  position: absolute;
  width: 85.92%;
  top: 40%;
  left: 0;
  right: 0;
  margin: auto;
}

.ulindexCnt {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  aspect-ratio: 656/1208;
}

.ulindexCnt02 {
  aspect-ratio: 560/1200;
}

.liindexCnt {
  width: 162px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1024px) {
  .liindexCnt {
    width: 28.92%;
  }
}

.liindexCnt01 {
  position: absolute;
  top: 0%;
  left: 7%;
}

.liindexCnt02 {
  position: absolute;
  top: 0%;
  left: 60%;
}

.liindexCnt03 {
  position: absolute;
  top: 29%;
  left: 7%;
}

.liindexCnt04 {
  position: absolute;
  top: 29%;
  left: 60%;
}

.liindexCnt05 {
  position: absolute;
  top: 79.5%;
  left: 7%;
}

.liindexCnt06 {
  position: absolute;
  top: 79.5%;
  left: 60%;
}

.btnindexCnt {
  width: 100%;
  display: block;
  margin: auto;
}

.btnindexCnt {
  width: 100%;
  height: 100%;
  display: block;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.newopen {
  padding-top: 0px;
  padding-bottom: 58px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .newopen {
    padding: 0% 0% 7.73% 0%;
  }
}
@media screen and (max-width: 767px) {
  .newopen {
    padding: 0% 0% 7.46% 0%;
  }
}

.newOpenSliderWap {
  width: 89.66%;
  margin: auto;
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .newOpenSliderWap {
    padding: 0% 0% 0% 0%;
  }
}
.newOpenSlider {
  width: 642px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .newOpenSlider {
    width: 96.54%;
  }
}
@media screen and (max-width: 767px) {
  .newOpenSlider {
    width: 95.54%;
  }
}

.container {
  position: relative;
}

/* ==========================================================================
スライダサムネイル
========================================================================== */
.swiper-slide a:hover {
  opacity: 1;
}

.newOpenSliderThumbnail {
  margin-top: 7.2%;
  margin-bottom: 16%;
  margin-left: auto;
  margin-right: auto;
  width: 62.66%;
}
@media screen and (max-width: 767px) {
  .newOpenSliderThumbnail {
    margin-top: 7%;
    margin-bottom: 15%;
  }
}

.newOpenSliderThumbnail .swiper-wrapper {
  flex-flow: row wrap;
}

.newOpenSliderThumbnail .swiper-slide {
  padding: 0% 0.58% 0% 0.58%;
  width: 32% !important;
}
.newOpenSliderThumbnail .swiper-slide:nth-child(n+4) {
  margin-top: 2.2%;
}
@media screen and (max-width: 767px) {
  .newOpenSliderThumbnail .swiper-slide {
    margin-top: 2%;
    width: 31% !important;
  }
}

/* ==========================================================================
スライダ矢印
========================================================================== */
/* 前へ次への矢印カスタマイズ */
.btnNewopenSliderPrev,
.btnNewopenSliderNext {
  cursor: pointer;
  bottom: 58.8%;
  content: "";
  margin: auto;
  position: absolute;
  width: 93px;
  height: 93px;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .btnNewopenSliderPrev,
  .btnNewopenSliderNext {
    width: 46px;
    height: 46px;
  }
}

/* 前への矢印カスタマイズ */
.btnNewopenSliderPrev {
  left: -2.9%;
  background: url(../img/index/btnNewopenSliderPrev.webp) no-repeat center center;
  background-size: auto 100%;
}
/* 次への矢印カスタマイズ */
.btnNewopenSliderNext {
  right: -2.9%;
  background: url(../img/index/btnNewopenSliderNext.webp) no-repeat center center;
  background-size: auto 100%;
}
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.specialEvent {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .specialEvent {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .specialEvent {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .specialEvent {
    padding: 0% 0% 0% 0%;
  }
}

.specialeventWap {
  margin: 0.5% auto 0 auto;
  width: 85.2%;
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .specialeventWap {
    padding: 0% 0% 0% 0%;
  }
}
.titleIndexD {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 642px;
}
@media screen and (max-width: 767px) {
  .titleIndexD {
    margin-top: 1.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .titleIndexD {
    width: 85.6%;
  }
}

.detailIndexD {
  margin: 0% auto 0 auto;
  display: none;
}

.h4DetailIndexD {
  width: 100%;
}

.h4DetailIndexD img {
  width: 100%;
}

/* ==========================================================================
スライダサムネイル
========================================================================== */
.specialEventSliderThumbnail {
  margin-top: 15.8%;
  margin-bottom: 19.8%;
  margin-left: auto;
  margin-right: auto;
  width: 71.5%;
}
@media screen and (max-width: 767px) {
  .specialEventSliderThumbnail {
    margin-top: 16%;
  }
}

.specialEventSliderThumbnail .swiper-wrapper {
  justify-content: center;
}

.specialEventSliderThumbnail .swiper-slide {
  padding: 0% 0.58% 0% 0.58%;
}
@media screen and (max-width: 767px) {
  .specialEventSliderThumbnail .swiper-slide {
    padding: 0% 1%;
  }
}

/* ==========================================================================
スライダ矢印
========================================================================== */
.slidePoint {
  position: relative;
}

.slidePointIten01 {
  position: absolute;
  top: 12%;
  left: 23%;
  width: 26%;
  display: block;
  aspect-ratio: 1/1;
}

.slidePointIten02 {
  position: absolute;
  top: 12%;
  left: 52%;
  width: 26%;
  display: block;
  aspect-ratio: 1/1;
}

.slidePointIten03 {
  position: absolute;
  top: 28%;
  left: 17%;
  width: 66%;
  display: block;
  aspect-ratio: 480/120;
}

.slidePointBtn {
  position: absolute;
  top: 87%;
  left: 17%;
  width: 66%;
  display: block;
  aspect-ratio: 375/85;
}

/* 前へ次への矢印カスタマイズ */
.btnSpecialEventSliderPrev,
.btnSpecialEventSliderNext {
  cursor: pointer;
  bottom: 45.9%;
  content: "";
  margin: auto;
  position: absolute;
  width: 93px;
  height: 93px;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .btnSpecialEventSliderPrev,
  .btnSpecialEventSliderNext {
    width: 46px;
    height: 46px;
  }
}

/* 前への矢印カスタマイズ */
.btnSpecialEventSliderPrev {
  left: -6%;
  background: url(../img/index/btnSpecialEventSliderPrev.webp) no-repeat center center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .btnSpecialEventSliderPrev {
    left: -5.4%;
  }
}

/* 次への矢印カスタマイズ */
.btnSpecialEventSliderNext {
  right: -6%;
  background: url(../img/index/btnSpecialEventSliderNext.webp) no-repeat center center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .btnSpecialEventSliderNext {
    right: -5.4%;
  }
}

/* ==========================================================================
下部ボタン
========================================================================== */
.navBtmInex {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 690px;
}
@media screen and (max-width: 767px) {
  .navBtmInex {
    margin-top: 3.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .navBtmInex {
    width: 92%;
  }
}
@media screen and (max-width: 767px) {
  .navBtmInex {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulNavBtmInex {
  width: 94.3%;
  margin: auto;
}

.liNavBtmInex {
  width: 31.5%;
}
.liNavBtmInex img {
  width: 100%;
  height: auto;
  display: block;
}

.liNavBtmInexbtm {
  display: block;
  width: 100%;
  padding: 0;
}
.liNavBtmInexbtm:hover {
  opacity: 1;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgIndexMain {
  background: url(../img/index/bgIndexMainPc.webp) no-repeat top center;
  background-size: cover;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgItemNav {
  height: 113px;
  background: url(../img/bgItemNav.webp) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgItemNav {
    height: 15.0666666667vw;
  }
}

.ulItemNav {
  width: 682px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .ulItemNav {
    width: 90.93%;
  }
}
@media screen and (max-width: 767px) {
  .ulItemNav {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulItemNav {
    width: 90.93%;
  }
}

.liItemNav {
  width: 221px;
}
@media screen and (max-width: 1024px) {
  .liItemNav {
    width: 29.46%;
  }
}
@media screen and (max-width: 767px) {
  .liItemNav {
    width: 32.46%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.btnListItems:hover {
  opacity: 1;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1024px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgSaleMainsLxn {
  background-image: url(../img/sale/bgSaleMainsMiddleLxn.webp);
  background-repeat: repeat;
  background-position: top center;
  background-size: 100% auto;
  padding-top: 0px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleMainsLxn {
    padding: 0% 0% 5.33% 0%;
  }
}
.btmMainsLxn {
  width: 645px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .btmMainsLxn {
    width: 86%;
  }
}

.lastBtm {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .lastBtm {
    margin: 0% 0% 0% 0%;
  }
}

.jsTriggerSlideSale {
  display: none;
}

.jsBtmMainsLxn.off .off {
  display: block;
}
.jsBtmMainsLxn.off .on {
  display: none;
}

.jsBtmMainsLxn.on .off {
  display: none;
}
.jsBtmMainsLxn.on .on {
  display: block;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgSaleMainsFashionTop.off {
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  background: none;
}
@media screen and (max-width: 767px) {
  .bgSaleMainsFashionTop.off {
    padding: 0% 0% 2.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleMainsFashionTop.off {
    padding: 0% 0% 1.8% 0%;
  }
}

.bgSaleMainsFashionTop.on {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleMainsFashionTop.on {
    padding: 0% 0% 0% 0%;
  }
}

.bgSaleFashion {
  padding-top: 0px;
  padding-bottom: 52px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleFashion {
    padding: 0% 0% 6.93% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleFashion {
    padding: 0% 0% 6% 0%;
  }
}

.triggerSlideSale {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 750px;
}
@media screen and (max-width: 767px) {
  .triggerSlideSale {
    margin-top: 4.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .triggerSlideSale {
    width: 100%;
  }
}
.ulDefoSales {
  width: 645px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .ulDefoSales {
    width: 86%;
  }
}

.liSaleFashion:nth-child(n+2) {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleFashion:nth-child(n+2) {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleFashion:nth-child(n+2) {
    margin: 3.2% 0% 0% 0%;
  }
}

.liSaleLifeGoods:nth-child(n+2) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleLifeGoods:nth-child(n+2) {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleLifeGoods:nth-child(n+2) {
    margin: 0% 0% 0% 0%;
  }
}

.liSaleLifeGoods:nth-child(n+3) {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleLifeGoods:nth-child(n+3) {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleLifeGoods:nth-child(n+3) {
    margin: 3.2% 0% 0% 0%;
  }
}

.liSaleGourmet:nth-child(n+2) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleGourmet:nth-child(n+2) {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleGourmet:nth-child(n+2) {
    margin: 0% 0% 0% 0%;
  }
}

.liSaleGourmet:nth-child(n+3) {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleGourmet:nth-child(n+3) {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleGourmet:nth-child(n+3) {
    margin: 3.2% 0% 0% 0%;
  }
}

.liSaleService:nth-child(n+2) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleService:nth-child(n+2) {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleService:nth-child(n+2) {
    margin: 0% 0% 0% 0%;
  }
}

.liSaleService:nth-child(n+3) {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleService:nth-child(n+3) {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleService:nth-child(n+3) {
    margin: 3.2% 0% 0% 0%;
  }
}

.liSaleFashion {
  position: relative;
}
.liSaleFashion a:hover {
  opacity: 1;
}

.poab {
  position: absolute;
}

.liSaleFashion50 {
  width: 312px;
}
@media screen and (max-width: 1024px) {
  .liSaleFashion50 {
    width: 48.37%;
  }
}

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

.ulSaleFashion01 .liSaleFashion1 {
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .ulSaleFashion01 .liSaleFashion1 {
    margin: 0% 0% 2.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulSaleFashion01 .liSaleFashion1 {
    margin: 0% 0% 3% 0%;
  }
}

/* ==========================================================================
3つのボタン部分
========================================================================== */
.liSaleFashion100 .bgSaleFashion {
  height: auto;
  width: 100%;
}

.bgSaleFashion img {
  height: auto;
  width: 100%;
}

.btmLogoSaleFashion {
  position: absolute;
  width: 223px;
}
@media screen and (max-width: 1024px) {
  .btmLogoSaleFashion {
    width: 33.53%;
  }
}
@media screen and (max-width: 767px) {
  .btmLogoSaleFashion {
    width: 34.5%;
  }
}

/* ==========================================================================
ここからそれぞれカスタマイズ
========================================================================== */
.liSaleFashionGoods13 {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleFashionGoods13 {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleFashionGoods13 {
    margin: 3.2% 0% 0% 0%;
  }
}

.liSaleFashionGoods14 {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleFashionGoods14 {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleFashionGoods14 {
    margin: 3.2% 0% 0% 0%;
  }
}

.liSaleGourmet29 {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleGourmet29 {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleGourmet29 {
    margin: 3.2% 0% 0% 0%;
  }
}

.liSaleGourmet27 {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleGourmet27 {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleGourmet27 {
    margin: 3.2% 0% 0% 0%;
  }
}

.liSaleGourmet31 {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liSaleGourmet31 {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSaleGourmet31 {
    margin: 3.2% 0% 0% 0%;
  }
}

.btmLogoSaleFashion img {
  width: 100%;
}

.liSaleFashion4 {
  position: relative;
}

.btmLogoSaleFashion_4_01 {
  position: absolute;
  top: 55.9%;
  left: 15%;
  width: 34.5%;
}

.btmLogoSaleFashion_4_02 {
  position: absolute;
  top: 55.9%;
  left: 51%;
  width: 34.5%;
}

.btmLogoSaleFashion_4_03 {
  position: absolute;
  top: 71.75%;
  left: 33%;
  width: 34.5%;
}

.liSaleFashion11 {
  position: relative;
}

.btmLogoSaleFashion_11_01 {
  position: absolute;
  top: 64.9%;
  left: 14.5%;
  width: 34.5%;
}

.btmLogoSaleFashion_11_02 {
  position: absolute;
  top: 64.9%;
  left: 50.5%;
  width: 34.5%;
}

.liSaleFashion15 {
  position: relative;
}

.btmLogoSaleFashion_15_01 {
  position: absolute;
  top: 55.5%;
  left: 14.5%;
  width: 34.5%;
}

.btmLogoSaleFashion_15_02 {
  position: absolute;
  top: 55.5%;
  left: 50.6%;
  width: 34.5%;
}

.btmLogoSaleFashion_15_03 {
  position: absolute;
  top: 71.9%;
  left: 32.5%;
  width: 34.5%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgSaleFashionGoodsTop.off {
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleFashionGoodsTop.off {
    padding: 0% 0% 2.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleFashionGoodsTop.off {
    padding: 0% 0% 2% 0%;
  }
}

.saleFashionGoods {
  padding-top: 0px;
  padding-bottom: 54px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .saleFashionGoods {
    padding: 0% 0% 7.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .saleFashionGoods {
    padding: 0% 0% 6% 0%;
  }
}

.liSaleFashionGoods50 {
  width: 312px;
}
@media screen and (max-width: 1024px) {
  .liSaleFashionGoods50 {
    width: 48.37%;
  }
}

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

.btmLogoSaleFashionGoods_18_01 {
  width: 72.2%;
  bottom: 44.5%;
  left: 14.5%;
}

.btmLogoSaleFashionGoods_18_02 {
  width: 72.2%;
  bottom: 28.9%;
  left: 14.5%;
}

.btmLogoSaleFashionGoods_18_03 {
  width: 72.2%;
  bottom: 13.78%;
  left: 14.5%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgSaleLifegoodsTop.off {
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleLifegoodsTop.off {
    padding: 0% 0% 2.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleLifegoodsTop.off {
    padding: 0% 0% 2% 0%;
  }
}

.bgSaleLifegoodsTop.on {
  padding-top: 0px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/sale/bgSaleLifegoodsTop.webp) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .bgSaleLifegoodsTop.on {
    padding: 0% 0% 2.93% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleLifegoodsTop.on {
    padding: 0% 0% 6% 0%;
  }
}

.liSaleLifeGoods50 {
  width: 312px;
}
@media screen and (max-width: 1024px) {
  .liSaleLifeGoods50 {
    width: 48.37%;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgSaleGourmetTop.off {
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleGourmetTop.off {
    padding: 0% 0% 2.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleGourmetTop.off {
    padding: 0% 0% 2% 0%;
  }
}

.bgSaleGourmetTop.on {
  padding-top: 0px;
  padding-bottom: 54px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleGourmetTop.on {
    padding: 0% 0% 7.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleGourmetTop.on {
    padding: 0% 0% 6% 0%;
  }
}

.liSaleGourmet50 {
  width: 312px;
}
@media screen and (max-width: 1024px) {
  .liSaleGourmet50 {
    width: 48.37%;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgSaleServiceTop.off {
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleServiceTop.off {
    padding: 0% 0% 2.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleServiceTop.off {
    padding: 0% 0% 6.1% 0%;
  }
}

.bgSaleServiceTop.on {
  padding-top: 0px;
  padding-bottom: 46px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleServiceTop.on {
    padding: 0% 0% 6.13% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleServiceTop.on {
    padding: 0% 0% 6% 0%;
  }
}

.liSaleService50 {
  width: 312px;
}
@media screen and (max-width: 1024px) {
  .liSaleService50 {
    width: 48.37%;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgDukubukuroMainsLxn {
  background: url(../img/fukubukuro/bgFukubukuroMainsLxn.webp) repeat 0 0;
  background-size: 100% auto;
}
.liDefoFukubukuros a:hover {
  opacity: 1 !important;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgSaleMainsFashionTopFukubukuro.off {
  background: unset;
}

.bgSaleMainsFashionTopFukubukuro.on {
  background: unset;
}

.bgSaleMainsFashionTopFukubukuro.on {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleMainsFashionTopFukubukuro.on {
    padding: 0% 0% 0% 0%;
  }
}

.fukubukuroMainsLxn .btmLogoSaleFashion_3_01 {
  position: absolute;
  width: 34.5%;
  bottom: 13.1%;
  left: 33.5%;
}

.liFukubukuroFashion50 {
  width: 312px;
}
@media screen and (max-width: 1024px) {
  .liFukubukuroFashion50 {
    width: 48.37%;
  }
}

.liFukubukuroFashion:nth-child(n+3) {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .liFukubukuroFashion:nth-child(n+3) {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liFukubukuroFashion:nth-child(n+3) {
    margin: 6.25% 0% 0% 0%;
  }
}

.liFukubukuroFashion100 {
  width: 645px;
}
@media screen and (max-width: 1024px) {
  .liFukubukuroFashion100 {
    width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgSaleFashionGoodsTopFukubukuro.off {
  background: unset;
}

.bgSaleFashionGoodsTopFukubukuro.on {
  background: url(../img/fukubukuro/bgSaleFashionGoodsTopFukubukuro.webp) no-repeat top center;
  background-size: 100% auto;
  padding-top: 0px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleFashionGoodsTopFukubukuro.on {
    padding: 0% 0% 2.93% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleFashionGoodsTopFukubukuro.on {
    padding: 0% 0% 0% 0%;
  }
}

.fukubukuroMainsLxn .btmLogoSaleFashionGoods_10_01 {
  position: absolute;
  width: 34.5%;
  bottom: 13.1%;
  left: 32.7%;
}
.fukubukuroMainsLxn .btmLogoSaleFashionGoods_11_01 {
  position: absolute;
  width: 34.5%;
  bottom: 13%;
  left: 32.7%;
}
.fukubukuroMainsLxn .btmLogoSaleFashionGoods_12_01 {
  position: absolute;
  width: 34.5%;
  bottom: 13.1%;
  left: 32.9%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgSaleLifegoodsTopFukubukuro.off {
  background: unset;
}

.bgSaleLifegoodsTopFukubukuro.on {
  background: unset;
}

.bgSaleLifegoodsTopFukubukuro.on {
  padding-top: 0px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleLifegoodsTopFukubukuro.on {
    padding: 0% 0% 2.93% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleLifegoodsTopFukubukuro.on {
    padding: 0% 0% 6% 0%;
  }
}

.fukubukuroMainsLxn .btmLogoSaleLifeGoods_16_01 {
  position: absolute;
  width: 34.5%;
  bottom: 12.7%;
  left: 32.6%;
}
.fukubukuroMainsLxn .btmLogoSaleLifeGoods_17_01 {
  position: absolute;
  width: 34.5%;
  bottom: 12.9%;
  left: 32.9%;
}
.fukubukuroMainsLxn .btmLogoSaleLifeGoods_20_01 {
  position: absolute;
  width: 34.5%;
  bottom: 12.8%;
  left: 32.9%;
}
.fukubukuroMainsLxn .btmLogoSaleLifeGoods_21_01 {
  position: absolute;
  width: 34.5%;
  bottom: 13.23%;
  left: 32.9%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgSaleGourmetTopFukubukuro.off {
  background: unset;
}

.bgSaleGourmetTopFukubukuro.off {
  padding-top: 0px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleGourmetTopFukubukuro.off {
    padding: 0% 0% 2.93% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleGourmetTopFukubukuro.off {
    padding: 0% 0% 4.3% 0%;
  }
}

.bgSaleGourmetTopFukubukuro.on {
  background: url(../img/fukubukuro/bgSaleGourmetTopFukubukuro.webp) no-repeat top center;
  background-size: 100% auto;
  padding-top: 0px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .bgSaleGourmetTopFukubukuro.on {
    padding: 0% 0% 2.93% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgSaleGourmetTopFukubukuro.on {
    padding: 0% 0% 6% 0%;
  }
}

.fukubukuroMainsLxn .btmLogoSaleGourmet_28_01 {
  position: absolute;
  width: 34.5%;
  bottom: 12.5%;
  left: 31.2%;
}

/* ==========================================================================
Library
========================================================================== */
.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/**
 * overlay option
 */
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}

/* loading option */
.animsition-loading,
.animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 100;
}

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading;
}

@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}

@-webkit-keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up {
  -webkit-animation-name: fade-in-up;
  animation-name: fade-in-up;
}

@-webkit-keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}
@keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}
.fade-out-up {
  -webkit-animation-name: fade-out-up;
  animation-name: fade-out-up;
}

@-webkit-keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-sm {
  -webkit-animation-name: fade-in-up-sm;
  animation-name: fade-in-up-sm;
}

@-webkit-keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}
@keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}
.fade-out-up-sm {
  -webkit-animation-name: fade-out-up-sm;
  animation-name: fade-out-up-sm;
}

@-webkit-keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-lg {
  -webkit-animation-name: fade-in-up-lg;
  animation-name: fade-in-up-lg;
}

@-webkit-keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
.fade-out-up-lg {
  -webkit-animation-name: fade-out-up-lg;
  animation-name: fade-out-up-lg;
}

@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}

@-webkit-keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}
@keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}
.fade-out-down {
  -webkit-animation-name: fade-out-down;
  animation-name: fade-out-down;
}

@-webkit-keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-sm {
  -webkit-animation-name: fade-in-down-sm;
  animation-name: fade-in-down-sm;
}

@-webkit-keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}
@keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}
.fade-out-down-sm {
  -webkit-animation-name: fade-out-down-sm;
  animation-name: fade-out-down-sm;
}

@-webkit-keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-lg {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}

@-webkit-keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
@keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
.fade-out-down-lg {
  -webkit-animation-name: fade-out-down-lg;
  animation-name: fade-out-down-lg;
}

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left {
  -webkit-animation-name: fade-in-left;
  animation-name: fade-in-left;
}

@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}
@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}
.fade-out-left {
  -webkit-animation-name: fade-out-left;
  animation-name: fade-out-left;
}

@-webkit-keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-sm {
  -webkit-animation-name: fade-in-left-sm;
  animation-name: fade-in-left-sm;
}

@-webkit-keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
.fade-out-left-sm {
  -webkit-animation-name: fade-out-left-sm;
  animation-name: fade-out-left-sm;
}

@-webkit-keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-lg {
  -webkit-animation-name: fade-in-left-lg;
  animation-name: fade-in-left-lg;
}

@-webkit-keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
@keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
.fade-out-left-lg {
  -webkit-animation-name: fade-out-left-lg;
  animation-name: fade-out-left-lg;
}

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right {
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right;
}

@-webkit-keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}
@keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}
.fade-out-right {
  -webkit-animation-name: fade-out-right;
  animation-name: fade-out-right;
}

@-webkit-keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-sm {
  -webkit-animation-name: fade-in-right-sm;
  animation-name: fade-in-right-sm;
}

@-webkit-keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
.fade-out-right-sm {
  -webkit-animation-name: fade-out-right-sm;
  animation-name: fade-out-right-sm;
}

@-webkit-keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-lg {
  -webkit-animation-name: fade-in-right-lg;
  animation-name: fade-in-right-lg;
}

@-webkit-keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
@keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
.fade-out-right-lg {
  -webkit-animation-name: fade-out-right-lg;
  animation-name: fade-out-right-lg;
}

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in {
  -webkit-animation-name: rotate-in;
  animation-name: rotate-in;
}

@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out {
  -webkit-animation-name: rotate-out;
  animation-name: rotate-out;
}

@-webkit-keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-sm {
  -webkit-animation-name: rotate-in-sm;
  animation-name: rotate-in-sm;
}

@-webkit-keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-sm {
  -webkit-animation-name: rotate-out-sm;
  animation-name: rotate-out-sm;
}

@-webkit-keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-lg {
  -webkit-animation-name: rotate-in-lg;
  animation-name: rotate-in-lg;
}

@-webkit-keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-lg {
  -webkit-animation-name: rotate-out-lg;
  animation-name: rotate-out-lg;
}

@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x {
  -webkit-animation-name: flip-in-x;
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x {
  -webkit-animation-name: flip-out-x;
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-nr {
  -webkit-animation-name: flip-in-x-nr;
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-nr {
  -webkit-animation-name: flip-out-x-nr;
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-fr {
  -webkit-animation-name: flip-in-x-fr;
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-fr {
  -webkit-animation-name: flip-out-x-fr;
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y {
  -webkit-animation-name: flip-in-y;
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y {
  -webkit-animation-name: flip-out-y;
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-nr {
  -webkit-animation-name: flip-in-y-nr;
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-nr {
  -webkit-animation-name: flip-out-y-nr;
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-fr {
  -webkit-animation-name: flip-in-y-fr;
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-fr {
  -webkit-animation-name: flip-out-y-fr;
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}

@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out;
}

@-webkit-keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-sm {
  -webkit-animation-name: zoom-in-sm;
  animation-name: zoom-in-sm;
}

@-webkit-keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-sm {
  -webkit-animation-name: zoom-out-sm;
  animation-name: zoom-out-sm;
}

@-webkit-keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-lg {
  -webkit-animation-name: zoom-in-lg;
  animation-name: zoom-in-lg;
}

@-webkit-keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-lg {
  -webkit-animation-name: zoom-out-lg;
  animation-name: zoom-out-lg;
}

@-webkit-keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-top {
  top: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-top;
  animation-name: overlay-slide-in-top;
}

@-webkit-keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-top {
  top: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-top;
  animation-name: overlay-slide-out-top;
}

@-webkit-keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-bottom;
  animation-name: overlay-slide-in-bottom;
}

@-webkit-keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-bottom;
  animation-name: overlay-slide-out-bottom;
}

@-webkit-keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-left {
  width: 0;
  -webkit-animation-name: overlay-slide-in-left;
  animation-name: overlay-slide-in-left;
}

@-webkit-keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-left {
  left: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-left;
  animation-name: overlay-slide-out-left;
}

@-webkit-keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-right {
  right: 0;
  width: 0;
  -webkit-animation-name: overlay-slide-in-right;
  animation-name: overlay-slide-in-right;
}

@-webkit-keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-right {
  right: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-right;
  animation-name: overlay-slide-out-right;
}

@keyframes fadein_sc_top {
  0% {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_left {
  0% {
    opacity: 0;
    transform: translate3d(-20px, 0px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_right {
  0% {
    opacity: 0;
    transform: translate3d(20px, 0px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.opacity_0_fade_set {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
  position: relative;
}
.opacity_0_fade_set.active {
  -webkit-animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
}

.opacity_0_fadeleft_in {
  opacity: 0;
  transform: translate3d(-20px, 0px, 0px);
}
.opacity_0_fadeleft_in.active {
  -webkit-animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
}

.opacity_0_faderight_in {
  opacity: 0;
  transform: translate3d(20px, 0px, 0px);
}
.opacity_0_faderight_in.active {
  -webkit-animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}

.opacity_0_fade_in {
  opacity: 0;
}
.opacity_0_fade_in.active {
  -webkit-animation: fadein_in 0.75s ease 0.35s forwards alternate;
  animation: fadein_in 0.75s ease 0.35s forwards alternate;
}

.opacity_0_list_fade_set > li, .opacity_0_list_fade_set section, .opacity_0_list_fade_set div, .opacity_0_list_fade_set tr, .opacity_0_list_fade_set figure {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
  position: relative;
}
.opacity_0_list_fade_set.active > li:nth-child(1), .opacity_0_list_fade_set.active section:nth-child(1), .opacity_0_list_fade_set.active div:nth-child(1), .opacity_0_list_fade_set.active p:nth-child(1), .opacity_0_list_fade_set.active h2:nth-child(1), .opacity_0_list_fade_set.active h3:nth-child(1), .opacity_0_list_fade_set.active h4:nth-child(1), .opacity_0_list_fade_set.active h5:nth-child(1), .opacity_0_list_fade_set.active figure:nth-child(1) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(2), .opacity_0_list_fade_set.active section:nth-child(2), .opacity_0_list_fade_set.active div:nth-child(2), .opacity_0_list_fade_set.active p:nth-child(2), .opacity_0_list_fade_set.active h2:nth-child(2), .opacity_0_list_fade_set.active h3:nth-child(2), .opacity_0_list_fade_set.active h4:nth-child(2), .opacity_0_list_fade_set.active h5:nth-child(2), .opacity_0_list_fade_set.active figure:nth-child(2) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(3), .opacity_0_list_fade_set.active section:nth-child(3), .opacity_0_list_fade_set.active div:nth-child(3), .opacity_0_list_fade_set.active p:nth-child(3), .opacity_0_list_fade_set.active h2:nth-child(3), .opacity_0_list_fade_set.active h3:nth-child(3), .opacity_0_list_fade_set.active h4:nth-child(3), .opacity_0_list_fade_set.active h5:nth-child(3), .opacity_0_list_fade_set.active figure:nth-child(3) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(4), .opacity_0_list_fade_set.active section:nth-child(4), .opacity_0_list_fade_set.active div:nth-child(4), .opacity_0_list_fade_set.active p:nth-child(4), .opacity_0_list_fade_set.active h2:nth-child(4), .opacity_0_list_fade_set.active h3:nth-child(4), .opacity_0_list_fade_set.active h4:nth-child(4), .opacity_0_list_fade_set.active h5:nth-child(4), .opacity_0_list_fade_set.active figure:nth-child(4) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(5), .opacity_0_list_fade_set.active section:nth-child(5), .opacity_0_list_fade_set.active div:nth-child(5), .opacity_0_list_fade_set.active p:nth-child(5), .opacity_0_list_fade_set.active h2:nth-child(5), .opacity_0_list_fade_set.active h3:nth-child(5), .opacity_0_list_fade_set.active h4:nth-child(5), .opacity_0_list_fade_set.active h5:nth-child(5), .opacity_0_list_fade_set.active figure:nth-child(5) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(6), .opacity_0_list_fade_set.active section:nth-child(6), .opacity_0_list_fade_set.active div:nth-child(6), .opacity_0_list_fade_set.active p:nth-child(6), .opacity_0_list_fade_set.active h2:nth-child(6), .opacity_0_list_fade_set.active h3:nth-child(6), .opacity_0_list_fade_set.active h4:nth-child(6), .opacity_0_list_fade_set.active h5:nth-child(6), .opacity_0_list_fade_set.active figure:nth-child(6) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(7), .opacity_0_list_fade_set.active section:nth-child(7), .opacity_0_list_fade_set.active div:nth-child(7), .opacity_0_list_fade_set.active p:nth-child(7), .opacity_0_list_fade_set.active h2:nth-child(7), .opacity_0_list_fade_set.active h3:nth-child(7), .opacity_0_list_fade_set.active h4:nth-child(7), .opacity_0_list_fade_set.active h5:nth-child(7), .opacity_0_list_fade_set.active figure:nth-child(7) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(8), .opacity_0_list_fade_set.active section:nth-child(8), .opacity_0_list_fade_set.active div:nth-child(8), .opacity_0_list_fade_set.active p:nth-child(8), .opacity_0_list_fade_set.active h2:nth-child(8), .opacity_0_list_fade_set.active h3:nth-child(8), .opacity_0_list_fade_set.active h4:nth-child(8), .opacity_0_list_fade_set.active h5:nth-child(8), .opacity_0_list_fade_set.active figure:nth-child(8) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(9), .opacity_0_list_fade_set.active section:nth-child(9), .opacity_0_list_fade_set.active div:nth-child(9), .opacity_0_list_fade_set.active p:nth-child(9), .opacity_0_list_fade_set.active h2:nth-child(9), .opacity_0_list_fade_set.active h3:nth-child(9), .opacity_0_list_fade_set.active h4:nth-child(9), .opacity_0_list_fade_set.active h5:nth-child(9), .opacity_0_list_fade_set.active figure:nth-child(9) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(10), .opacity_0_list_fade_set.active section:nth-child(10), .opacity_0_list_fade_set.active div:nth-child(10), .opacity_0_list_fade_set.active p:nth-child(10), .opacity_0_list_fade_set.active h2:nth-child(10), .opacity_0_list_fade_set.active h3:nth-child(10), .opacity_0_list_fade_set.active h4:nth-child(10), .opacity_0_list_fade_set.active h5:nth-child(10), .opacity_0_list_fade_set.active figure:nth-child(10) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(11), .opacity_0_list_fade_set.active section:nth-child(11), .opacity_0_list_fade_set.active div:nth-child(11), .opacity_0_list_fade_set.active p:nth-child(11), .opacity_0_list_fade_set.active h2:nth-child(11), .opacity_0_list_fade_set.active h3:nth-child(11), .opacity_0_list_fade_set.active h4:nth-child(11), .opacity_0_list_fade_set.active h5:nth-child(11), .opacity_0_list_fade_set.active figure:nth-child(11) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(12), .opacity_0_list_fade_set.active section:nth-child(12), .opacity_0_list_fade_set.active div:nth-child(12), .opacity_0_list_fade_set.active p:nth-child(12), .opacity_0_list_fade_set.active h2:nth-child(12), .opacity_0_list_fade_set.active h3:nth-child(12), .opacity_0_list_fade_set.active h4:nth-child(12), .opacity_0_list_fade_set.active h5:nth-child(12), .opacity_0_list_fade_set.active figure:nth-child(12) {
  -webkit-animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
}

.opacity_0_list_left_fade_set > li, .opacity_0_list_left_fade_set section, .opacity_0_list_left_fade_set div, .opacity_0_list_left_fade_set tr, .opacity_0_list_left_fade_set figure {
  transform: translate3d(-10px, 0px, 0px);
  opacity: 0;
}
.opacity_0_list_left_fade_set.active > li:nth-child(1), .opacity_0_list_left_fade_set.active section:nth-child(1), .opacity_0_list_left_fade_set.active div:nth-child(1), .opacity_0_list_left_fade_set.active p:nth-child(1), .opacity_0_list_left_fade_set.active h2:nth-child(1), .opacity_0_list_left_fade_set.active h3:nth-child(1), .opacity_0_list_left_fade_set.active h4:nth-child(1), .opacity_0_list_left_fade_set.active h5:nth-child(1), .opacity_0_list_left_fade_set.active figure:nth-child(1) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(2), .opacity_0_list_left_fade_set.active section:nth-child(2), .opacity_0_list_left_fade_set.active div:nth-child(2), .opacity_0_list_left_fade_set.active p:nth-child(2), .opacity_0_list_left_fade_set.active h2:nth-child(2), .opacity_0_list_left_fade_set.active h3:nth-child(2), .opacity_0_list_left_fade_set.active h4:nth-child(2), .opacity_0_list_left_fade_set.active h5:nth-child(2), .opacity_0_list_left_fade_set.active figure:nth-child(2) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(3), .opacity_0_list_left_fade_set.active section:nth-child(3), .opacity_0_list_left_fade_set.active div:nth-child(3), .opacity_0_list_left_fade_set.active p:nth-child(3), .opacity_0_list_left_fade_set.active h2:nth-child(3), .opacity_0_list_left_fade_set.active h3:nth-child(3), .opacity_0_list_left_fade_set.active h4:nth-child(3), .opacity_0_list_left_fade_set.active h5:nth-child(3), .opacity_0_list_left_fade_set.active figure:nth-child(3) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(4), .opacity_0_list_left_fade_set.active section:nth-child(4), .opacity_0_list_left_fade_set.active div:nth-child(4), .opacity_0_list_left_fade_set.active p:nth-child(4), .opacity_0_list_left_fade_set.active h2:nth-child(4), .opacity_0_list_left_fade_set.active h3:nth-child(4), .opacity_0_list_left_fade_set.active h4:nth-child(4), .opacity_0_list_left_fade_set.active h5:nth-child(4), .opacity_0_list_left_fade_set.active figure:nth-child(4) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(5), .opacity_0_list_left_fade_set.active section:nth-child(5), .opacity_0_list_left_fade_set.active div:nth-child(5), .opacity_0_list_left_fade_set.active p:nth-child(5), .opacity_0_list_left_fade_set.active h2:nth-child(5), .opacity_0_list_left_fade_set.active h3:nth-child(5), .opacity_0_list_left_fade_set.active h4:nth-child(5), .opacity_0_list_left_fade_set.active h5:nth-child(5), .opacity_0_list_left_fade_set.active figure:nth-child(5) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(6), .opacity_0_list_left_fade_set.active section:nth-child(6), .opacity_0_list_left_fade_set.active div:nth-child(6), .opacity_0_list_left_fade_set.active p:nth-child(6), .opacity_0_list_left_fade_set.active h2:nth-child(6), .opacity_0_list_left_fade_set.active h3:nth-child(6), .opacity_0_list_left_fade_set.active h4:nth-child(6), .opacity_0_list_left_fade_set.active h5:nth-child(6), .opacity_0_list_left_fade_set.active figure:nth-child(6) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(7), .opacity_0_list_left_fade_set.active section:nth-child(7), .opacity_0_list_left_fade_set.active div:nth-child(7), .opacity_0_list_left_fade_set.active p:nth-child(7), .opacity_0_list_left_fade_set.active h2:nth-child(7), .opacity_0_list_left_fade_set.active h3:nth-child(7), .opacity_0_list_left_fade_set.active h4:nth-child(7), .opacity_0_list_left_fade_set.active h5:nth-child(7), .opacity_0_list_left_fade_set.active figure:nth-child(7) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(8), .opacity_0_list_left_fade_set.active section:nth-child(8), .opacity_0_list_left_fade_set.active div:nth-child(8), .opacity_0_list_left_fade_set.active p:nth-child(8), .opacity_0_list_left_fade_set.active h2:nth-child(8), .opacity_0_list_left_fade_set.active h3:nth-child(8), .opacity_0_list_left_fade_set.active h4:nth-child(8), .opacity_0_list_left_fade_set.active h5:nth-child(8), .opacity_0_list_left_fade_set.active figure:nth-child(8) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(9), .opacity_0_list_left_fade_set.active section:nth-child(9), .opacity_0_list_left_fade_set.active div:nth-child(9), .opacity_0_list_left_fade_set.active p:nth-child(9), .opacity_0_list_left_fade_set.active h2:nth-child(9), .opacity_0_list_left_fade_set.active h3:nth-child(9), .opacity_0_list_left_fade_set.active h4:nth-child(9), .opacity_0_list_left_fade_set.active h5:nth-child(9), .opacity_0_list_left_fade_set.active figure:nth-child(9) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(10), .opacity_0_list_left_fade_set.active section:nth-child(10), .opacity_0_list_left_fade_set.active div:nth-child(10), .opacity_0_list_left_fade_set.active p:nth-child(10), .opacity_0_list_left_fade_set.active h2:nth-child(10), .opacity_0_list_left_fade_set.active h3:nth-child(10), .opacity_0_list_left_fade_set.active h4:nth-child(10), .opacity_0_list_left_fade_set.active h5:nth-child(10), .opacity_0_list_left_fade_set.active figure:nth-child(10) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(11), .opacity_0_list_left_fade_set.active section:nth-child(11), .opacity_0_list_left_fade_set.active div:nth-child(11), .opacity_0_list_left_fade_set.active p:nth-child(11), .opacity_0_list_left_fade_set.active h2:nth-child(11), .opacity_0_list_left_fade_set.active h3:nth-child(11), .opacity_0_list_left_fade_set.active h4:nth-child(11), .opacity_0_list_left_fade_set.active h5:nth-child(11), .opacity_0_list_left_fade_set.active figure:nth-child(11) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(12), .opacity_0_list_left_fade_set.active section:nth-child(12), .opacity_0_list_left_fade_set.active div:nth-child(12), .opacity_0_list_left_fade_set.active p:nth-child(12), .opacity_0_list_left_fade_set.active h2:nth-child(12), .opacity_0_list_left_fade_set.active h3:nth-child(12), .opacity_0_list_left_fade_set.active h4:nth-child(12), .opacity_0_list_left_fade_set.active h5:nth-child(12), .opacity_0_list_left_fade_set.active figure:nth-child(12) {
  -webkit-animation: fadein_sc_left 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_left 0.75s ease 4.2s forwards alternate;
}

.opacity_0_list_right_fade_set > li, .opacity_0_list_right_fade_set section, .opacity_0_list_right_fade_set div, .opacity_0_list_right_fade_set tr, .opacity_0_list_right_fade_set figure {
  transform: translate3d(-10px, 0px, 0px);
  opacity: 0;
}
.opacity_0_list_right_fade_set.active > li:nth-child(1), .opacity_0_list_right_fade_set.active section:nth-child(1), .opacity_0_list_right_fade_set.active div:nth-child(1), .opacity_0_list_right_fade_set.active p:nth-child(1), .opacity_0_list_right_fade_set.active h2:nth-child(1), .opacity_0_list_right_fade_set.active h3:nth-child(1), .opacity_0_list_right_fade_set.active h4:nth-child(1), .opacity_0_list_right_fade_set.active h5:nth-child(1), .opacity_0_list_right_fade_set.active figure:nth-child(1) {
  -webkit-animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(2), .opacity_0_list_right_fade_set.active section:nth-child(2), .opacity_0_list_right_fade_set.active div:nth-child(2), .opacity_0_list_right_fade_set.active p:nth-child(2), .opacity_0_list_right_fade_set.active h2:nth-child(2), .opacity_0_list_right_fade_set.active h3:nth-child(2), .opacity_0_list_right_fade_set.active h4:nth-child(2), .opacity_0_list_right_fade_set.active h5:nth-child(2), .opacity_0_list_right_fade_set.active figure:nth-child(2) {
  -webkit-animation: fadein_sc_right 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(3), .opacity_0_list_right_fade_set.active section:nth-child(3), .opacity_0_list_right_fade_set.active div:nth-child(3), .opacity_0_list_right_fade_set.active p:nth-child(3), .opacity_0_list_right_fade_set.active h2:nth-child(3), .opacity_0_list_right_fade_set.active h3:nth-child(3), .opacity_0_list_right_fade_set.active h4:nth-child(3), .opacity_0_list_right_fade_set.active h5:nth-child(3), .opacity_0_list_right_fade_set.active figure:nth-child(3) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(4), .opacity_0_list_right_fade_set.active section:nth-child(4), .opacity_0_list_right_fade_set.active div:nth-child(4), .opacity_0_list_right_fade_set.active p:nth-child(4), .opacity_0_list_right_fade_set.active h2:nth-child(4), .opacity_0_list_right_fade_set.active h3:nth-child(4), .opacity_0_list_right_fade_set.active h4:nth-child(4), .opacity_0_list_right_fade_set.active h5:nth-child(4), .opacity_0_list_right_fade_set.active figure:nth-child(4) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(5), .opacity_0_list_right_fade_set.active section:nth-child(5), .opacity_0_list_right_fade_set.active div:nth-child(5), .opacity_0_list_right_fade_set.active p:nth-child(5), .opacity_0_list_right_fade_set.active h2:nth-child(5), .opacity_0_list_right_fade_set.active h3:nth-child(5), .opacity_0_list_right_fade_set.active h4:nth-child(5), .opacity_0_list_right_fade_set.active h5:nth-child(5), .opacity_0_list_right_fade_set.active figure:nth-child(5) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(6), .opacity_0_list_right_fade_set.active section:nth-child(6), .opacity_0_list_right_fade_set.active div:nth-child(6), .opacity_0_list_right_fade_set.active p:nth-child(6), .opacity_0_list_right_fade_set.active h2:nth-child(6), .opacity_0_list_right_fade_set.active h3:nth-child(6), .opacity_0_list_right_fade_set.active h4:nth-child(6), .opacity_0_list_right_fade_set.active h5:nth-child(6), .opacity_0_list_right_fade_set.active figure:nth-child(6) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(7), .opacity_0_list_right_fade_set.active section:nth-child(7), .opacity_0_list_right_fade_set.active div:nth-child(7), .opacity_0_list_right_fade_set.active p:nth-child(7), .opacity_0_list_right_fade_set.active h2:nth-child(7), .opacity_0_list_right_fade_set.active h3:nth-child(7), .opacity_0_list_right_fade_set.active h4:nth-child(7), .opacity_0_list_right_fade_set.active h5:nth-child(7), .opacity_0_list_right_fade_set.active figure:nth-child(7) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(8), .opacity_0_list_right_fade_set.active section:nth-child(8), .opacity_0_list_right_fade_set.active div:nth-child(8), .opacity_0_list_right_fade_set.active p:nth-child(8), .opacity_0_list_right_fade_set.active h2:nth-child(8), .opacity_0_list_right_fade_set.active h3:nth-child(8), .opacity_0_list_right_fade_set.active h4:nth-child(8), .opacity_0_list_right_fade_set.active h5:nth-child(8), .opacity_0_list_right_fade_set.active figure:nth-child(8) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(9), .opacity_0_list_right_fade_set.active section:nth-child(9), .opacity_0_list_right_fade_set.active div:nth-child(9), .opacity_0_list_right_fade_set.active p:nth-child(9), .opacity_0_list_right_fade_set.active h2:nth-child(9), .opacity_0_list_right_fade_set.active h3:nth-child(9), .opacity_0_list_right_fade_set.active h4:nth-child(9), .opacity_0_list_right_fade_set.active h5:nth-child(9), .opacity_0_list_right_fade_set.active figure:nth-child(9) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(10), .opacity_0_list_right_fade_set.active section:nth-child(10), .opacity_0_list_right_fade_set.active div:nth-child(10), .opacity_0_list_right_fade_set.active p:nth-child(10), .opacity_0_list_right_fade_set.active h2:nth-child(10), .opacity_0_list_right_fade_set.active h3:nth-child(10), .opacity_0_list_right_fade_set.active h4:nth-child(10), .opacity_0_list_right_fade_set.active h5:nth-child(10), .opacity_0_list_right_fade_set.active figure:nth-child(10) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(11), .opacity_0_list_right_fade_set.active section:nth-child(11), .opacity_0_list_right_fade_set.active div:nth-child(11), .opacity_0_list_right_fade_set.active p:nth-child(11), .opacity_0_list_right_fade_set.active h2:nth-child(11), .opacity_0_list_right_fade_set.active h3:nth-child(11), .opacity_0_list_right_fade_set.active h4:nth-child(11), .opacity_0_list_right_fade_set.active h5:nth-child(11), .opacity_0_list_right_fade_set.active figure:nth-child(11) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(12), .opacity_0_list_right_fade_set.active section:nth-child(12), .opacity_0_list_right_fade_set.active div:nth-child(12), .opacity_0_list_right_fade_set.active p:nth-child(12), .opacity_0_list_right_fade_set.active h2:nth-child(12), .opacity_0_list_right_fade_set.active h3:nth-child(12), .opacity_0_list_right_fade_set.active h4:nth-child(12), .opacity_0_list_right_fade_set.active h5:nth-child(12), .opacity_0_list_right_fade_set.active figure:nth-child(12) {
  -webkit-animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 3%;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

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

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../images/controls.webp") no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url("../images/controls.webp") no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 99;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../images/controls.webp") -86px -11px no-repeat;
  margin: 0 3px;
}

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

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("../images/controls.webp") -86px -44px no-repeat;
  margin: 0 3px;
}

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

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}/*# sourceMappingURL=common.css.map */