@charset "UTF-8";
/* ==========================================================================
Reset
========================================================================== */
/* ==========================================================================
Function
========================================================================== */
/* ==========================================================================
Settings
========================================================================== */
/* ==========================================================================
Library
========================================================================== */
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/* ==========================================================================
layouts
========================================================================== */
/* ==========================================================================
imgSettings
========================================================================== */
/* ==========================================================================
responsive
========================================================================== */
/* ==========================================================================
textSettings
========================================================================== */
/* ==========================================================================
Rules
========================================================================== */
#page_top {
  animation: cloak-in 0.75s; }

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

.display_flex_center {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.display_flex_stretch {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.display_flex_stretch_around {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }

.display_flex_stretch_bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end; }

.display_flex_center_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-end; }

.display_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.display_row {
  flex-flow: row wrap; }

.lpMain {
  font-family: 'Shippori Mincho', serif;
  color: #323232;
  font-weight: 500; }
  .lpMain img {
    width: 100%;
    height: auto; }
  @media screen and (min-width: 1350px) {
    .lpMain {
      font-size: 16px; } }
  @media print, screen and (max-width: 1349px) {
    .lpMain {
      font-size: 1.18606vw; } }
  @media screen and (max-width: 767px) {
    .lpMain {
      font-size: 3.73333vw; } }

.lpMain input, .lpMain textarea, .lpMain button {
  font-family: 'Shippori Mincho', serif; }
  @media screen and (min-width: 1350px) {
    .lpMain input, .lpMain textarea, .lpMain button {
      font-size: 16px; } }
  @media print, screen and (max-width: 1349px) {
    .lpMain input, .lpMain textarea, .lpMain button {
      font-size: 1.18606vw; } }
  @media screen and (max-width: 767px) {
    .lpMain input, .lpMain textarea, .lpMain button {
      font-size: 3.73333vw; } }

.lpMain h1, .lpMain h2, .lpMain h3, .lpMain h4, .lpMain h5, .lpMain h6, .lpMain p {
  font-family: 'Shippori Mincho', serif; }

.copperplate {
  font-family: Copperplate / Copperplate Gothic Light, sans-serif; }

.zenKakuGothic {
  font-family: 'Zen Kaku Gothic New', sans-serif; }

#mintyou, .mintyou {
  font-family: 'Shippori Mincho', serif; }

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

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

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

svg {
  display: block; }

@media print, screen and (max-width: 1349px) {
  .pc_only {
    display: block; } }

@media screen and (min-width: 1350px) {
  .pc_only {
    display: block; } }

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

@media screen and (min-width: 1350px) {
  .sp_only {
    display: none; } }

@media print, screen and (max-width: 1349px) {
  .sp_only {
    display: none; } }

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

.t_center {
  text-align: center; }

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

.fw_0 {
  font-wieght: 0; }

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

.fw_100 {
  font-wieght: 100; }

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

.fw_200 {
  font-wieght: 200; }

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

.fw_300 {
  font-wieght: 300; }

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

.fw_400 {
  font-wieght: 400; }

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

.fw_500 {
  font-wieght: 500; }

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

.fw_600 {
  font-wieght: 600; }

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

.fw_700 {
  font-wieght: 700; }

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

.fw_800 {
  font-wieght: 800; }

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

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
.lpWaps {
  background: #000; }

#header.alt {
  position: sticky; }

svg {
  overflow: auto; }

.slick_thumb .slick-track {
  transform: unset !important; }

.lespoir_loading {
  background: #197174;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999999; }

.picLespoirLoadings {
  width: 548px;
  position: absolute;
  z-index: 99999999;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .picLespoirLoadings {
      width: 73.06%; }
      .picLespoirLoadings img {
        width: 100%;
        height: auto;
        display: block; } }

.imgLespoirFv {
  overflow: hidden; }
  .imgLespoirFv img {
    width: 100vw; }

.bgAboutSales {
  background: url(../img/lespoir/bgAboutSalesPc.png) no-repeat top center;
  background-size: cover;
  background-attachment: fixed; }
  @media screen and (max-width: 767px) {
    .bgAboutSales {
      background: url(../img/lespoir/bgAboutSalesSp.png) no-repeat top center;
      background-size: cover;
      background-attachment: unset; } }

.bgAboutSales {
  padding-top: 47px;
  padding-bottom: 84px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .bgAboutSales {
      padding: 2.44% 0% 4.37% 0%; } }
  @media screen and (max-width: 767px) {
    .bgAboutSales {
      padding: 16% 0% 24.46% 0%; } }

.secSalesPeriod {
  border: 1px solid #FFF;
  padding-top: 22px;
  padding-bottom: 17px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: auto;
  margin-right: auto;
  max-height: 110px;
  width: 986px; }
  @media print, screen and (max-width: 1349px) {
    .secSalesPeriod {
      padding: 1.62% 0% 1.25% 0%; } }
  @media screen and (max-width: 1400px) {
    .secSalesPeriod {
      width: 73.03%; } }
  @media screen and (max-width: 767px) {
    .secSalesPeriod {
      padding: 6.1% 0% 5.5% 0%;
      width: 88.26%;
      max-height: unset; } }

.h1SecSalesPeriod {
  font-weight: 400;
  letter-spacing: 0.13em;
  text-indent: -0.13em;
  line-height: 2.4;
  margin-bottom: 0; }
  @media screen and (min-width: 1350px) {
    .h1SecSalesPeriod {
      font-size: 20px; } }
  @media print, screen and (max-width: 1349px) {
    .h1SecSalesPeriod {
      font-size: 1.48258vw; } }
  .h1SecSalesPeriod::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.4) * .5em);
    content: ""; }
  .h1SecSalesPeriod::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.4) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .h1SecSalesPeriod {
      font-size: 4.26667vw;
      line-height: 1; }
      .h1SecSalesPeriod::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .h1SecSalesPeriod::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }

.h2SecSalesPeriod {
  font-weight: 400;
  letter-spacing: 0.12em;
  text-indent: -0.12em;
  line-height: 2.5;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1350px) {
    .h2SecSalesPeriod {
      font-size: 12px; } }
  @media print, screen and (max-width: 1349px) {
    .h2SecSalesPeriod {
      font-size: 0.88955vw; } }
  .h2SecSalesPeriod::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.5) * .5em);
    content: ""; }
  .h2SecSalesPeriod::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.5) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .h2SecSalesPeriod {
      margin: 0% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .h2SecSalesPeriod {
      font-size: 2.66667vw;
      line-height: 3;
      margin: 2.95% 0% 0% 0%; }
      .h2SecSalesPeriod::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 3) * .5em);
        content: ""; }
      .h2SecSalesPeriod::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 3) * .5em);
        content: ""; } }

.txtSecSalesPeriod {
  font-weight: 400;
  letter-spacing: 0.12em;
  text-indent: -0.12em;
  line-height: 1.875;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1350px) {
    .txtSecSalesPeriod {
      font-size: 16px; } }
  @media print, screen and (max-width: 1349px) {
    .txtSecSalesPeriod {
      font-size: 1.18606vw; } }
  .txtSecSalesPeriod::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.875) * .5em);
    content: ""; }
  .txtSecSalesPeriod::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.875) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtSecSalesPeriod {
      margin: 0.37% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtSecSalesPeriod {
      font-size: 3.46667vw;
      line-height: 1.53846;
      margin: 3.55% 0% 0% 0%; }
      .txtSecSalesPeriod::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.53846) * .5em);
        content: ""; }
      .txtSecSalesPeriod::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.53846) * .5em);
        content: ""; } }

.giftSweet {
  margin-top: 2.0833333333333335%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 177px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .giftSweet {
      padding: 0% 0% 9.21% 0%; } }
  @media screen and (max-width: 767px) {
    .giftSweet {
      padding: 0% 0% 24.6% 0%;
      margin-top: 36.8px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .giftSweet {
      margin-top: 9.81%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.secGiftSweet {
  width: 73.03%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: 59px;
  padding-bottom: 74.5px;
  padding-left: 0px;
  padding-right: 0px;
  max-height: 454px; }
  @media print, screen and (max-width: 1349px) {
    .secGiftSweet {
      padding: 4.37% 0% 5.51% 0%; } }
  @media screen and (max-width: 767px) {
    .secGiftSweet {
      padding: 14.5% 0% 32.9% 0%;
      width: 88.26%;
      max-height: unset; } }

.bgSecGiftSweet {
  background: url(../img/lespoir/bgSecGiftSweetPc.png) no-repeat top center;
  background-size: 100% 100%; }
  @media screen and (max-width: 767px) {
    .bgSecGiftSweet {
      background: url(../img/lespoir/bgSecGiftSweetSp.png) no-repeat top center;
      background-size: 100% 100%; } }

.h1SecGiftSweet {
  font-weight: 500;
  letter-spacing: 0.16em;
  text-indent: -0.16em;
  line-height: 1.6;
  margin-bottom: 0; }
  @media screen and (min-width: 1350px) {
    .h1SecGiftSweet {
      font-size: 30px; } }
  @media print, screen and (max-width: 1349px) {
    .h1SecGiftSweet {
      font-size: 2.22387vw; } }
  .h1SecGiftSweet::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * .5em);
    content: ""; }
  .h1SecGiftSweet::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .h1SecGiftSweet {
      letter-spacing: 0.16em;
      text-indent: -0.16em;
      font-size: 4.53333vw;
      line-height: 1.82353; }
      .h1SecGiftSweet::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.82353) * .5em);
        content: ""; }
      .h1SecGiftSweet::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.82353) * .5em);
        content: ""; } }

.txtSecGiftSweet {
  font-weight: 500;
  letter-spacing: 0em;
  text-indent: 0em;
  line-height: 2.21429;
  margin-top: 32.5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1350px) {
    .txtSecGiftSweet {
      font-size: 14px; } }
  @media print, screen and (max-width: 1349px) {
    .txtSecGiftSweet {
      font-size: 1.03781vw; } }
  .txtSecGiftSweet::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.21429) * .5em);
    content: ""; }
  .txtSecGiftSweet::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.21429) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtSecGiftSweet {
      margin: 3.29% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtSecGiftSweet {
      letter-spacing: 0.0em;
      text-indent: -0.0em;
      font-size: 2.93333vw;
      line-height: 2.27273;
      margin: 9.0% auto 0 auto; }
      .txtSecGiftSweet::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 2.27273) * .5em);
        content: ""; }
      .txtSecGiftSweet::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 2.27273) * .5em);
        content: ""; } }

.picSecGiftSweet {
  position: absolute; }

.picSecGiftSweet01 {
  width: 11.35%;
  left: 10.740365111561866%;
  top: 9.02654867256637%; }
  @media screen and (max-width: 767px) {
    .picSecGiftSweet01 {
      left: -3.6253776435045317%;
      top: 4.969818913480886%;
      width: 20.81%; } }
  .picSecGiftSweet01 img {
    max-width: 111px; }
    @media screen and (max-width: 1400px) {
      .picSecGiftSweet01 img {
        max-width: 100%; } }

.picSecGiftSweet02 {
  width: 13.28%;
  right: 7%;
  top: 38.484956%; }
  @media screen and (max-width: 767px) {
    .picSecGiftSweet02 {
      right: -3.6555891238670695%;
      top: 16.378269617706238%;
      width: 22.76%; } }
  .picSecGiftSweet02 img {
    max-width: 130px; }
    @media screen and (max-width: 1400px) {
      .picSecGiftSweet02 img {
        max-width: 100%; } }

.picSecGiftSweet03 {
  width: 17.54%;
  left: -7.910750507099391%;
  top: 56.26106194690266%; }
  .picSecGiftSweet03 img {
    max-width: 172px; }
    @media screen and (max-width: 1400px) {
      .picSecGiftSweet03 img {
        max-width: 100%; } }

.picSecGiftSweet04 {
  width: 14.5%;
  right: -3.7511156186612577%;
  top: 78.54070796460178%; }
  .picSecGiftSweet04 img {
    max-width: 142px; }
    @media screen and (max-width: 1400px) {
      .picSecGiftSweet04 img {
        max-width: 100%; } }

.picSecGiftSweet05 {
  width: 13.48%;
  left: 21.196754563894523%;
  top: 106.65840707964601%; }
  @media screen and (max-width: 767px) {
    .picSecGiftSweet05 {
      left: 6.042296072507553%;
      top: 82.11388329979879%;
      width: 21.2%; } }
  .picSecGiftSweet05 img {
    max-width: 132px; }
    @media screen and (max-width: 1400px) {
      .picSecGiftSweet05 img {
        max-width: 100%; } }

.picSecGiftSweet06 {
  width: 27.48%;
  left: 34.17707910750507%;
  top: 90.50796460176992%; }
  @media screen and (max-width: 767px) {
    .picSecGiftSweet06 {
      top: 86.42032193158954%;
      left: 24.773413897280967%;
      width: 50.19%; } }
  .picSecGiftSweet06 img {
    max-width: 270px; }
    @media screen and (max-width: 1400px) {
      .picSecGiftSweet06 img {
        max-width: 100%; } }

.picSecGiftSweet07 {
  width: 11.46%;
  left: 67.5357%;
  top: 107.45840707964601%; }
  @media screen and (max-width: 767px) {
    .picSecGiftSweet07 {
      left: 78.85196374622356%;
      top: 102.61569416498995%;
      width: 21.04%; } }
  .picSecGiftSweet07 img {
    max-width: 112px; }
    @media screen and (max-width: 1400px) {
      .picSecGiftSweet07 img {
        max-width: 100%; } }

.lineUp {
  margin-top: 165.2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .lineUp {
      margin-top: 8.6%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .lineUp {
      margin-top: 21.82%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.secLineUp {
  width: 1138px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1400px) {
    .secLineUp {
      width: 84.44%; } }
  @media screen and (max-width: 767px) {
    .secLineUp {
      width: 90.22%; } }

.h1SecLineUp {
  width: 19%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 767px) {
    .h1SecLineUp {
      width: 42.27%;
      margin-left: auto;
      margin-right: auto; } }

.rubySecLineUp {
  font-weight: 400;
  letter-spacing: 0.37em;
  text-indent: -0.37em;
  line-height: 1;
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1350px) {
    .rubySecLineUp {
      font-size: 14px; } }
  @media print, screen and (max-width: 1349px) {
    .rubySecLineUp {
      font-size: 1.03781vw; } }
  .rubySecLineUp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .rubySecLineUp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .rubySecLineUp {
      margin: 1.72% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .rubySecLineUp {
      font-size: 2.53333vw;
      font-weight: 600;
      letter-spacing: 0.25em;
      text-indent: -0.25em;
      line-height: 3.02036;
      margin: -10.3% 0% 0% 0%; }
      .rubySecLineUp::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 3.02036) * .5em);
        content: ""; }
      .rubySecLineUp::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 3.02036) * .5em);
        content: ""; } }

.ulLineUp {
  margin-top: 38.2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .ulLineUp {
      margin-top: 3.35%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .ulLineUp {
      margin-top: 12.92%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.liPicLineUp {
  width: 303px; }
  @media screen and (max-width: 1400px) {
    .liPicLineUp {
      width: 26.57%; } }
  @media screen and (max-width: 767px) {
    .liPicLineUp {
      width: 33.03%; } }

.liPicLineUp a {
  -moz-transition: none;
  -webkit-transition: none;
  -ms-transition: none;
  transition: none;
  transition-duration: 0.5s; }
  .liPicLineUp a:hover {
    opacity: 0.6 !important; }
    .liPicLineUp a:hover img {
      opacity: 1 !important; }

.gaufrierTitle {
  background: url(../img/lespoir/bgGaufrierTitlePc.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed; }
  @media print, screen and (max-width: 1349px) {
    .gaufrierTitle {
      background: url(../img/lespoir/bgGaufrierTitlePc.jpg) no-repeat center top;
      background-size: 100% auto;
      background-attachment: unset; } }
  @media screen and (max-width: 767px) {
    .gaufrierTitle {
      background: unset;
      overflow: hidden;
      position: relative; } }

.spBackGaufrierTitle {
  height: 216.53333vw;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url(../img/lespoir/spBackGaufrierTitle.jpg) no-repeat 0% center;
  background-size: 100% auto;
  margin: auto; }

.h1GaufrierTitle {
  padding-top: 254px;
  padding-bottom: 267px;
  padding-left: 0px;
  padding-right: 0px;
  width: 30.79%;
  margin: 0 auto;
  display: block; }
  @media print, screen and (max-width: 1349px) {
    .h1GaufrierTitle {
      padding: 13.22% 0% 13.9% 0%; } }
  @media screen and (max-width: 767px) {
    .h1GaufrierTitle {
      position: relative;
      padding: 46.7% 0% 46.82% 0%;
      width: 55.73%; } }
  .h1GaufrierTitle img {
    max-width: 571px; }
    @media print, screen and (max-width: 1349px) {
      .h1GaufrierTitle img {
        max-width: 100%; } }

.bgGaufrier {
  padding-top: 121px;
  padding-bottom: 199px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .bgGaufrier {
      padding: 6.3% 0% 10.36% 0%; } }
  @media screen and (max-width: 767px) {
    .bgGaufrier {
      padding: 12.3% 0% 40% 0%; } }

@media screen and (max-width: 767px) {
  .gaufrierProductsInfoFx {
    width: 88.26%;
    margin-left: auto;
    margin-right: auto; } }

.secGaufrierProductsInfo {
  width: 550px;
  margin-top: 61px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .secGaufrierProductsInfo {
      margin: 4.51% 0% 0% 0%; } }
  @media screen and (max-width: 1400px) {
    .secGaufrierProductsInfo {
      width: 41.33%; } }
  @media screen and (max-width: 767px) {
    .secGaufrierProductsInfo {
      width: 100%; } }

.sliderGaufrierProductsInfoWap {
  width: 647px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 36px; }
  @media print, screen and (max-width: 1349px) {
    .sliderGaufrierProductsInfoWap {
      margin: 0% 2.66% 0% 0%; } }
  @media screen and (max-width: 1400px) {
    .sliderGaufrierProductsInfoWap {
      width: 47.92%; } }
  @media screen and (max-width: 767px) {
    .sliderGaufrierProductsInfoWap {
      margin: 13.5% auto 0 auto;
      width: 100%; } }

.h2GaufrierProductsInfo {
  width: 490px; }
  @media screen and (max-width: 1400px) {
    .h2GaufrierProductsInfo {
      width: 89.09%; } }
  @media screen and (max-width: 767px) {
    .h2GaufrierProductsInfo {
      width: 90.93%;
      margin-left: auto;
      margin-right: auto; } }

.txtGaufrierProductsInfo {
  margin-top: 88px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 2.27273;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 400; }
  @media print, screen and (max-width: 1349px) {
    .txtGaufrierProductsInfo {
      margin: 15.77% 0% 0% 0%; } }
  @media screen and (min-width: 1350px) {
    .txtGaufrierProductsInfo {
      font-size: 22px; } }
  @media print, screen and (max-width: 1349px) {
    .txtGaufrierProductsInfo {
      font-size: 1.63084vw; } }
  .txtGaufrierProductsInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.27273) * .5em);
    content: ""; }
  .txtGaufrierProductsInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.27273) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .txtGaufrierProductsInfo {
      width: 90.93%;
      margin: 13.5% auto 0 auto;
      font-size: 3.73333vw;
      line-height: 1.85714;
      letter-spacing: 0;
      text-indent: 0;
      font-weight: 400; }
      .txtGaufrierProductsInfo::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.85714) * .5em);
        content: ""; }
      .txtGaufrierProductsInfo::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.85714) * .5em);
        content: ""; } }

.sliderGaufrierProductsInfoBtmWap {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .sliderGaufrierProductsInfoBtmWap {
      margin-top: 3.09%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .sliderGaufrierProductsInfoBtmWap {
      margin: 3% auto 0 auto; } }

.sliderGaufrierProductBtm {
  display: flex;
  justify-content: space-between; }
  @media print, screen and (max-width: 1349px) {
    .sliderGaufrierProductBtm {
      max-height: 9.777777777777779vw; } }
  @media screen and (max-width: 767px) {
    .sliderGaufrierProductBtm {
      max-height: 18.133333333333333vw; } }
  .sliderGaufrierProductBtm .slick-arrow {
    background: unset;
    padding: 0;
    margin: 0;
    border: none;
    width: 2.34%; }
    @media screen and (max-width: 767px) {
      .sliderGaufrierProductBtm .slick-arrow {
        width: 2.11%; } }
  .sliderGaufrierProductBtm .slick-list {
    padding: 0 !important;
    width: 90.72%; }
    @media screen and (max-width: 767px) {
      .sliderGaufrierProductBtm .slick-list {
        width: 90.33%; } }
  .sliderGaufrierProductBtm .liSliderGaufrierProductsInfoBtm {
    width: 132px !important;
    margin: 0 7.5px !important; }
    @media print, screen and (max-width: 1349px) {
      .sliderGaufrierProductBtm .liSliderGaufrierProductsInfoBtm {
        width: 9.777777777777779vw !important;
        margin: 0 0.4025925925925926vw !important; } }
    @media screen and (max-width: 767px) {
      .sliderGaufrierProductBtm .liSliderGaufrierProductsInfoBtm {
        margin: 0 1.1vw !important;
        width: 17.833333333333332vw !important; } }

.liSliderGaufrierProductsInfoTop {
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  overflow: hidden; }

.liSliderGaufrierProductsInfoBtm {
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  overflow: hidden; }

.gaufrierDetail {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .gaufrierDetail {
      margin-top: 5.2%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .gaufrierDetail {
      margin: 16% auto 0 auto; } }

@media screen and (max-width: 767px) {
  .gaufrierDetailFx {
    width: 88.26%;
    margin-left: auto;
    margin-right: auto; } }

.photoKodawariGaufrier {
  max-width: 594px; }
  @media screen and (max-width: 1400px) {
    .photoKodawariGaufrier {
      width: 44.07%; } }
  @media screen and (max-width: 767px) {
    .photoKodawariGaufrier {
      width: 100%; } }

.picsKodawariGaufrier {
  width: 720px; }
  @media screen and (max-width: 1400px) {
    .picsKodawariGaufrier {
      width: 53.4%; } }
  @media screen and (max-width: 767px) {
    .picsKodawariGaufrier {
      width: 100%;
      margin: 18% auto 0 auto; } }

.gaufrierProductsWap {
  margin-top: 118px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .gaufrierProductsWap {
      margin-top: 6.14%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .gaufrierProductsWap {
      margin: 17.7% auto 0 auto; } }

.h1gaufrierProducts {
  position: relative;
  text-align: center; }

.brdLeftGaufrierProducts {
  display: block;
  width: 28.14%;
  height: 1px;
  position: absolute;
  left: 0;
  top: -13%;
  bottom: 0;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .brdLeftGaufrierProducts {
      display: none; } }

.brdRightGaufrierProducts {
  display: block;
  width: 28.14%;
  height: 1px;
  position: absolute;
  right: 0;
  top: -13%;
  bottom: 0;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .brdRightGaufrierProducts {
      display: none; } }

.mainH1gaufrierProducts {
  position: relative;
  line-height: 1.28;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
  color: #C19863;
  text-align: center;
  font-weight: 600; }
  @media screen and (min-width: 1350px) {
    .mainH1gaufrierProducts {
      font-size: 25px; } }
  @media print, screen and (max-width: 1349px) {
    .mainH1gaufrierProducts {
      font-size: 1.85322vw; } }
  .mainH1gaufrierProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.28) * .5em);
    content: ""; }
  .mainH1gaufrierProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.28) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .mainH1gaufrierProducts {
      font-size: 4.26667vw;
      line-height: 2;
      letter-spacing: 0.03em;
      text-indent: -0.03em; }
      .mainH1gaufrierProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 2) * .5em);
        content: ""; }
      .mainH1gaufrierProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 2) * .5em);
        content: ""; } }

.listGaufrierProducts {
  margin-top: 63px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .listGaufrierProducts {
      margin-top: 4.66%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .listGaufrierProducts {
      margin: 11.1% auto 0 auto;
      width: 88.26%; } }

.liGaufrierProducts {
  width: 22.25%; }
  @media screen and (max-width: 767px) {
    .liGaufrierProducts {
      width: 47.43%; }
      .liGaufrierProducts:nth-child(n+3) {
        margin-top: 50px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px; } }
    @media screen and (max-width: 767px) and (max-width: 1349px) {
      .liGaufrierProducts:nth-child(n+3) {
        margin: 15.1% 0% 0% 0%; } }

.liGaufrierProducts img {
  max-width: 300px; }
  @media screen and (max-width: 1400px) {
    .liGaufrierProducts img {
      max-width: 100%; } }

.h2GaufrierProducts {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: -0em;
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .h2GaufrierProducts {
      font-size: 20px; } }
  @media print, screen and (max-width: 1349px) {
    .h2GaufrierProducts {
      font-size: 1.48258vw; } }
  .h2GaufrierProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * .5em);
    content: ""; }
  .h2GaufrierProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .h2GaufrierProducts {
      margin-top: 11.66%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .h2GaufrierProducts {
      font-size: 3.73333vw;
      line-height: 1.35714;
      letter-spacing: 0em;
      text-indent: -0em;
      margin: 13.6% auto 0 auto; }
      .h2GaufrierProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.35714) * .5em);
        content: ""; }
      .h2GaufrierProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.35714) * .5em);
        content: ""; } }

.txtKosuuGaufrierProducts {
  font-weight: 400;
  line-height: 1.64286;
  letter-spacing: 0em;
  text-indent: -0em;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtKosuuGaufrierProducts {
      font-size: 14px; } }
  @media print, screen and (max-width: 1349px) {
    .txtKosuuGaufrierProducts {
      font-size: 1.03781vw; } }
  .txtKosuuGaufrierProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.64286) * .5em);
    content: ""; }
  .txtKosuuGaufrierProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.64286) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtKosuuGaufrierProducts {
      margin-top: 8%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtKosuuGaufrierProducts {
      font-size: 2.66667vw;
      line-height: 1.5;
      letter-spacing: 0em;
      text-indent: -0em;
      margin-top: 17px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .txtKosuuGaufrierProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      .txtKosuuGaufrierProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .txtKosuuGaufrierProducts {
      margin-top: 10.82%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.txtNaiyoGaufrierProducts {
  font-weight: 400;
  line-height: 1.53846;
  letter-spacing: -0.04em;
  text-indent: 0.04em;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtNaiyoGaufrierProducts {
      font-size: 13px; } }
  @media print, screen and (max-width: 1349px) {
    .txtNaiyoGaufrierProducts {
      font-size: 0.96368vw; } }
  .txtNaiyoGaufrierProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.53846) * .5em);
    content: ""; }
  .txtNaiyoGaufrierProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.53846) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtNaiyoGaufrierProducts {
      margin-top: 2%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtNaiyoGaufrierProducts {
      font-size: 2.66667vw;
      line-height: 1.5;
      letter-spacing: 0.02em;
      text-indent: -0.02em;
      margin-top: 2px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .txtNaiyoGaufrierProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      .txtNaiyoGaufrierProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .txtNaiyoGaufrierProducts {
      margin-top: 1.27%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.txtPriceGaufrierProducts {
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: -0em;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtPriceGaufrierProducts {
      font-size: 20px; } }
  @media print, screen and (max-width: 1349px) {
    .txtPriceGaufrierProducts {
      font-size: 1.48258vw; } }
  .txtPriceGaufrierProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .txtPriceGaufrierProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtPriceGaufrierProducts {
      margin-top: 9%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtPriceGaufrierProducts {
      font-size: 3.73333vw;
      line-height: 0.92857;
      letter-spacing: 0.00em;
      text-indent: -0.00em;
      margin: 11.5% auto 0 auto; }
      .txtPriceGaufrierProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 0.92857) * .5em);
        content: ""; }
      .txtPriceGaufrierProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 0.92857) * .5em);
        content: ""; } }

.txtSubPriceGaufrierProducts {
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: -0em;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtSubPriceGaufrierProducts {
      font-size: 14px; } }
  @media print, screen and (max-width: 1349px) {
    .txtSubPriceGaufrierProducts {
      font-size: 1.03781vw; } }
  .txtSubPriceGaufrierProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .txtSubPriceGaufrierProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtSubPriceGaufrierProducts {
      margin-top: 4%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtSubPriceGaufrierProducts {
      font-size: 2.93333vw;
      line-height: 1;
      letter-spacing: 0.00em;
      text-indent: -0.00em;
      margin-top: 5px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .txtSubPriceGaufrierProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .txtSubPriceGaufrierProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .txtSubPriceGaufrierProducts {
      margin-top: 3.18%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

@media screen and (max-width: 800px) {
  .liGaufrierProducts01 .txtPriceGaufrierProducts {
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto; } }
  @media screen and (max-width: 800px) and (max-width: 1349px) {
    .liGaufrierProducts01 .txtPriceGaufrierProducts {
      margin-top: 15.92%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

@media screen and (max-width: 767px) {
  .liGaufrierProducts01 .txtPriceGaufrierProducts {
    margin: 11.5% auto 0 auto; } }

@media screen and (max-width: 800px) {
  .liGaufrierProducts02 .txtPriceGaufrierProducts {
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto; } }
  @media screen and (max-width: 800px) and (max-width: 1349px) {
    .liGaufrierProducts02 .txtPriceGaufrierProducts {
      margin-top: 15.92%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

@media screen and (max-width: 767px) {
  .liGaufrierProducts02 .txtPriceGaufrierProducts {
    margin: 11.5% auto 0 auto; } }

.btmGaufrierProductsWap {
  margin-top: 17.9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .btmGaufrierProductsWap {
      margin-top: 5.96%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .btmGaufrierProductsWap {
      margin-top: 22px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .btmGaufrierProductsWap {
      margin-top: 14.01%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.btmGaufrierProducts {
  text-decoration: none;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  transition-duration: 0.5s; }
  @media screen and (min-width: 1350px) {
    .btmGaufrierProducts {
      font-size: 16px; } }
  @media print, screen and (max-width: 1349px) {
    .btmGaufrierProducts {
      font-size: 1.18606vw; } }
  @media screen and (max-width: 1400px) {
    .btmGaufrierProducts {
      height: 2.8125vw; } }
  @media screen and (max-width: 767px) {
    .btmGaufrierProducts {
      font-size: 3.2vw;
      line-height: 1;
      letter-spacing: 0.08em;
      text-indent: -0.08em;
      height: 10.66667vw; }
      .btmGaufrierProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .btmGaufrierProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }

.photoGaufrierProducts {
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  overflow: hidden; }

.gaufrierAssortedTitle {
  background: url(../img/lespoir/bgGaufrierAssortedTitlPc.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed; }
  @media print, screen and (max-width: 1349px) {
    .gaufrierAssortedTitle {
      background: url(../img/lespoir/bgGaufrierAssortedTitlPc.jpg) no-repeat center top;
      background-size: 100% auto;
      background-attachment: unset; } }
  @media screen and (max-width: 767px) {
    .gaufrierAssortedTitle {
      background: unset;
      overflow: hidden;
      position: relative; } }

.spBackGaufrierAssortedTitle {
  height: 216.53333vw;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url(../img/lespoir/spBackGaufrierAssortedTitle.jpg) no-repeat 0% center;
  background-size: 100% auto;
  margin: auto; }

.h1GaufrierAssortedTitl {
  padding-top: 210px;
  padding-bottom: 210px;
  padding-left: 0px;
  padding-right: 0px;
  width: 32.5%;
  margin: 0 auto;
  display: block; }
  @media print, screen and (max-width: 1349px) {
    .h1GaufrierAssortedTitl {
      padding: 10.93% 0% 10.93% 0%; } }
  @media screen and (max-width: 767px) {
    .h1GaufrierAssortedTitl {
      padding-top: 154px;
      padding-bottom: 154px;
      padding-left: 0px;
      padding-right: 0px;
      width: 61.06%;
      position: relative; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .h1GaufrierAssortedTitl {
      padding: 41.06% 0% 41.06% 0%; } }
  .h1GaufrierAssortedTitl img {
    max-width: 618px; }
    @media print, screen and (max-width: 1349px) {
      .h1GaufrierAssortedTitl img {
        max-width: 100%; } }

.bgGaufrierAssorted {
  padding-top: 120px;
  padding-bottom: 200px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .bgGaufrierAssorted {
      padding: 6.25% 0% 10.41% 0%; } }
  @media screen and (max-width: 767px) {
    .bgGaufrierAssorted {
      padding: 12% 0% 40% 0%; } }

@media screen and (max-width: 767px) {
  .gaufrierAssortedProductsInfoFx {
    width: 88.26%;
    margin-left: auto;
    margin-right: auto; } }

.secGaufrierAssortedProductsInfo {
  width: 558px;
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .secGaufrierAssortedProductsInfo {
      margin: 4.44% 0% 0% 0%; } }
  @media screen and (max-width: 1400px) {
    .secGaufrierAssortedProductsInfo {
      width: 41.33%; } }
  @media screen and (max-width: 767px) {
    .secGaufrierAssortedProductsInfo {
      width: 100%; } }

.sliderGaufrierAssortedProductsInfoWap {
  width: 647px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 36px; }
  @media print, screen and (max-width: 1349px) {
    .sliderGaufrierAssortedProductsInfoWap {
      margin: 0% 2.66% 0% 0%; } }
  @media screen and (max-width: 1400px) {
    .sliderGaufrierAssortedProductsInfoWap {
      width: 47.92%; } }
  @media screen and (max-width: 767px) {
    .sliderGaufrierAssortedProductsInfoWap {
      margin-top: 40px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 100%; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .sliderGaufrierAssortedProductsInfoWap {
      margin-top: 12.08%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.h2GaufrierAssortedProductsInfo {
  width: 490px; }
  @media screen and (max-width: 1400px) {
    .h2GaufrierAssortedProductsInfo {
      width: 89.09%; } }
  @media screen and (max-width: 767px) {
    .h2GaufrierAssortedProductsInfo {
      width: 90.93%;
      margin-left: auto;
      margin-right: auto; } }

.txtGaufrierAssortedProductsInfo {
  margin-top: 86px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 2.27273;
  letter-spacing: 0;
  text-indent: 0;
  font-weight: 400; }
  @media print, screen and (max-width: 1349px) {
    .txtGaufrierAssortedProductsInfo {
      margin: 15.41% 0% 0% 0%; } }
  @media screen and (min-width: 1350px) {
    .txtGaufrierAssortedProductsInfo {
      font-size: 22px; } }
  @media print, screen and (max-width: 1349px) {
    .txtGaufrierAssortedProductsInfo {
      font-size: 1.63084vw; } }
  .txtGaufrierAssortedProductsInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.27273) * .5em);
    content: ""; }
  .txtGaufrierAssortedProductsInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.27273) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .txtGaufrierAssortedProductsInfo {
      width: 90.93%;
      margin: 13.5% auto 0 auto;
      font-size: 3.73333vw;
      line-height: 1.85714;
      letter-spacing: 0;
      text-indent: 0;
      font-weight: 400; }
      .txtGaufrierAssortedProductsInfo::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.85714) * .5em);
        content: ""; }
      .txtGaufrierAssortedProductsInfo::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.85714) * .5em);
        content: ""; } }

.sliderGaufrierAssortedProductsInfoBtmWap {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .sliderGaufrierAssortedProductsInfoBtmWap {
      margin-top: 3.09%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .sliderGaufrierAssortedProductsInfoBtmWap {
      margin: 3.3% auto 0 auto; } }

.sliderPetitCakeAuProductsInfoBtm {
  display: flex;
  justify-content: space-between; }
  @media print, screen and (max-width: 1349px) {
    .sliderPetitCakeAuProductsInfoBtm {
      max-height: 9.777777777777779vw; } }
  @media screen and (max-width: 767px) {
    .sliderPetitCakeAuProductsInfoBtm {
      max-height: 18.133333333333333vw; } }
  .sliderPetitCakeAuProductsInfoBtm .slick-arrow {
    background: unset;
    padding: 0;
    margin: 0;
    border: none;
    width: 2.34%; }
    @media screen and (max-width: 767px) {
      .sliderPetitCakeAuProductsInfoBtm .slick-arrow {
        width: 2.11%; } }
  .sliderPetitCakeAuProductsInfoBtm .slick-list {
    padding: 0 !important;
    width: 90.72%; }
    @media screen and (max-width: 767px) {
      .sliderPetitCakeAuProductsInfoBtm .slick-list {
        width: 90.33%; } }
  .sliderPetitCakeAuProductsInfoBtm .liSliderGaufrierAssortedProductsInfoBtm {
    width: 132px !important;
    margin: 0 7.5px !important; }
    @media print, screen and (max-width: 1349px) {
      .sliderPetitCakeAuProductsInfoBtm .liSliderGaufrierAssortedProductsInfoBtm {
        width: 9.777777777777779vw !important;
        margin: 0 0.4025925925925926vw !important; } }
    @media screen and (max-width: 767px) {
      .sliderPetitCakeAuProductsInfoBtm .liSliderGaufrierAssortedProductsInfoBtm {
        margin: 0 1.1vw !important;
        width: 17.833333333333332vw !important; } }

.liSliderGaufrierAssortedProductsInfoTop {
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  overflow: hidden; }

.liSliderGaufrierAssortedProductsInfoBtm {
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  overflow: hidden; }

.gaufrierAssortedDetail {
  margin-top: 101px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .gaufrierAssortedDetail {
      margin-top: 5.26%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .gaufrierAssortedDetail {
      margin-top: 60px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .gaufrierAssortedDetail {
      margin-top: 16%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

@media screen and (max-width: 767px) {
  .gaufrierAssortedDetailFx {
    width: 88.26%;
    margin-left: auto;
    margin-right: auto; } }

.photoKodawariGaufrierAssortedDetail {
  width: 44.07%; }
  @media screen and (max-width: 767px) {
    .photoKodawariGaufrierAssortedDetail {
      width: 100%; } }
  .photoKodawariGaufrierAssortedDetail img {
    max-width: 594px; }
    @media screen and (max-width: 1400px) {
      .photoKodawariGaufrierAssortedDetail img {
        max-width: 100%; } }

.picsKodawariGaufrierAssortedDetail {
  width: 53.4%; }
  @media screen and (max-width: 767px) {
    .picsKodawariGaufrierAssortedDetail {
      width: 100%;
      margin: 18% auto 0 auto; } }
  .picsKodawariGaufrierAssortedDetail img {
    max-width: 720px; }
    @media screen and (max-width: 1400px) {
      .picsKodawariGaufrierAssortedDetail img {
        max-width: 100%; } }

.GaufrierAssortedProductsWap {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .GaufrierAssortedProductsWap {
      margin-top: 6.25%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .GaufrierAssortedProductsWap {
      margin: 17.7% auto 0 auto; } }

.h1GaufrierAssortedProducts {
  position: relative;
  text-align: center; }

.brdLeftGaufrierAssortedProducts {
  display: block;
  width: 28.14%;
  height: 1px;
  position: absolute;
  left: 0;
  top: -8%;
  bottom: 0;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .brdLeftGaufrierAssortedProducts {
      display: none; } }

.brdRightGaufrierAssortedProducts {
  display: block;
  width: 28.14%;
  height: 1px;
  position: absolute;
  right: 0;
  top: -8%;
  bottom: 0;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .brdRightGaufrierAssortedProducts {
      display: none; } }

.mainH1GaufrierAssortedProducts {
  position: relative;
  line-height: 1.28;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
  color: #C19863;
  text-align: center;
  font-weight: 600; }
  @media screen and (min-width: 1350px) {
    .mainH1GaufrierAssortedProducts {
      font-size: 25px; } }
  @media print, screen and (max-width: 1349px) {
    .mainH1GaufrierAssortedProducts {
      font-size: 1.85322vw; } }
  .mainH1GaufrierAssortedProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.28) * .5em);
    content: ""; }
  .mainH1GaufrierAssortedProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.28) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .mainH1GaufrierAssortedProducts {
      font-size: 4.26667vw;
      line-height: 2;
      letter-spacing: 0.03em;
      text-indent: -0.03em; }
      .mainH1GaufrierAssortedProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 2) * .5em);
        content: ""; }
      .mainH1GaufrierAssortedProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 2) * .5em);
        content: ""; } }

.listGaufrierAssortedProducts {
  width: 60.37%;
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .listGaufrierAssortedProducts {
      margin-top: 4.59%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 900px) {
    .listGaufrierAssortedProducts {
      width: 66%; } }
  @media screen and (max-width: 767px) {
    .listGaufrierAssortedProducts {
      margin: 11% auto 0 auto;
      width: 88.26%; } }

.liGaufrierAssortedProducts {
  width: 36.8%; }
  @media screen and (max-width: 1050px) {
    .liGaufrierAssortedProducts {
      width: 45%; } }
  @media screen and (max-width: 767px) {
    .liGaufrierAssortedProducts {
      width: 47.43%; } }

.liGaufrierAssortedProducts img {
  max-width: 300px; }
  @media screen and (max-width: 1400px) {
    .liGaufrierAssortedProducts img {
      max-width: 100%; } }

.h2GaufrierAssortedProducts {
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 600;
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .h2GaufrierAssortedProducts {
      font-size: 20px; } }
  @media print, screen and (max-width: 1349px) {
    .h2GaufrierAssortedProducts {
      font-size: 1.48258vw; } }
  .h2GaufrierAssortedProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * .5em);
    content: ""; }
  .h2GaufrierAssortedProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .h2GaufrierAssortedProducts {
      margin-top: 11.66%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .h2GaufrierAssortedProducts {
      font-size: 3.73333vw;
      line-height: 1.35714;
      letter-spacing: 0em;
      text-indent: -0em;
      margin: 14.19% auto 0 auto; }
      .h2GaufrierAssortedProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.35714) * .5em);
        content: ""; }
      .h2GaufrierAssortedProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.35714) * .5em);
        content: ""; } }

.txtKosuuGaufrierAssortedProducts {
  line-height: 1.64286;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 400;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtKosuuGaufrierAssortedProducts {
      font-size: 14px; } }
  @media print, screen and (max-width: 1349px) {
    .txtKosuuGaufrierAssortedProducts {
      font-size: 1.03781vw; } }
  .txtKosuuGaufrierAssortedProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.64286) * .5em);
    content: ""; }
  .txtKosuuGaufrierAssortedProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.64286) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtKosuuGaufrierAssortedProducts {
      margin-top: 8%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtKosuuGaufrierAssortedProducts {
      font-size: 2.66667vw;
      line-height: 1.5;
      letter-spacing: 0em;
      text-indent: -0em;
      margin-top: 16px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .txtKosuuGaufrierAssortedProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      .txtKosuuGaufrierAssortedProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .txtKosuuGaufrierAssortedProducts {
      margin-top: 10.19%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.txtNaiyoGaufrierAssortedProducts {
  line-height: 1.53846;
  letter-spacing: -0.04em;
  text-indent: 0.04em;
  font-weight: 400;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtNaiyoGaufrierAssortedProducts {
      font-size: 13px; } }
  @media print, screen and (max-width: 1349px) {
    .txtNaiyoGaufrierAssortedProducts {
      font-size: 0.96368vw; } }
  .txtNaiyoGaufrierAssortedProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.53846) * .5em);
    content: ""; }
  .txtNaiyoGaufrierAssortedProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.53846) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtNaiyoGaufrierAssortedProducts {
      margin-top: 2.33%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtNaiyoGaufrierAssortedProducts {
      font-size: 2.66667vw;
      line-height: 1.5;
      letter-spacing: 0.02em;
      text-indent: -0.02em;
      margin: 1.5% auto 0 auto; }
      .txtNaiyoGaufrierAssortedProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      .txtNaiyoGaufrierAssortedProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; } }

.txtPriceGaufrierAssortedProducts {
  line-height: 1;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 400;
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtPriceGaufrierAssortedProducts {
      font-size: 20px; } }
  @media print, screen and (max-width: 1349px) {
    .txtPriceGaufrierAssortedProducts {
      font-size: 1.48258vw; } }
  .txtPriceGaufrierAssortedProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .txtPriceGaufrierAssortedProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtPriceGaufrierAssortedProducts {
      margin-top: 12.66%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtPriceGaufrierAssortedProducts {
      font-size: 3.73333vw;
      line-height: 0.92857;
      letter-spacing: 0.00em;
      text-indent: -0.00em;
      margin: 11.36% auto 0 auto; }
      .txtPriceGaufrierAssortedProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 0.92857) * .5em);
        content: ""; }
      .txtPriceGaufrierAssortedProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 0.92857) * .5em);
        content: ""; } }

@media screen and (max-width: 767px) {
  .txtPriceGaufrierAssortedProducts01 {
    margin: 40% auto 0 auto; } }

.txtSubPriceGaufrierAssortedProducts {
  line-height: 1;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 400;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtSubPriceGaufrierAssortedProducts {
      font-size: 14px; } }
  @media print, screen and (max-width: 1349px) {
    .txtSubPriceGaufrierAssortedProducts {
      font-size: 1.03781vw; } }
  .txtSubPriceGaufrierAssortedProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .txtSubPriceGaufrierAssortedProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtSubPriceGaufrierAssortedProducts {
      margin-top: 4.33%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtSubPriceGaufrierAssortedProducts {
      font-size: 2.93333vw;
      line-height: 1;
      letter-spacing: 0.00em;
      text-indent: -0.00em;
      margin-top: 5px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .txtSubPriceGaufrierAssortedProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .txtSubPriceGaufrierAssortedProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .txtSubPriceGaufrierAssortedProducts {
      margin-top: 3.18%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.btmGaufrierAssortedProductsWap {
  margin-top: 20.9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .btmGaufrierAssortedProductsWap {
      margin-top: 6.96%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .btmGaufrierAssortedProductsWap {
      margin: 13.73% auto 0 auto; } }

.btmGaufrierAssortedProducts {
  text-decoration: none;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  transition-duration: 0.5s; }
  @media screen and (min-width: 1350px) {
    .btmGaufrierAssortedProducts {
      font-size: 16px; } }
  @media print, screen and (max-width: 1349px) {
    .btmGaufrierAssortedProducts {
      font-size: 1.18606vw; } }
  @media screen and (max-width: 1400px) {
    .btmGaufrierAssortedProducts {
      height: 2.8125vw; } }
  @media screen and (max-width: 767px) {
    .btmGaufrierAssortedProducts {
      font-size: 3.2vw;
      line-height: 1;
      letter-spacing: 0.08em;
      text-indent: -0.08em;
      height: 10.66667vw; }
      .btmGaufrierAssortedProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .btmGaufrierAssortedProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }

.photoGaufrierAssortedProducts {
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  overflow: hidden; }

.petitCakeAuTitle {
  background: url(../img/lespoir/bgPetitCakeAuTitlePc.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed; }
  @media print, screen and (max-width: 1349px) {
    .petitCakeAuTitle {
      background: url(../img/lespoir/bgPetitCakeAuTitlePc.jpg) no-repeat center top;
      background-size: 100% auto;
      background-attachment: unset; } }
  @media screen and (max-width: 767px) {
    .petitCakeAuTitle {
      background: unset;
      overflow: hidden;
      position: relative; } }

.spBackPetitCakeAuTitle {
  height: 216.53333vw;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url(../img/lespoir/spBackPetitCakeAuTitle.jpg) no-repeat 0% center;
  background-size: 100% auto;
  margin: auto; }

.h1PetitCakeAuTitle {
  padding-top: 208px;
  padding-bottom: 208px;
  padding-left: 0px;
  padding-right: 0px;
  width: 42.7%;
  margin: 0 auto;
  display: block; }
  @media print, screen and (max-width: 1349px) {
    .h1PetitCakeAuTitle {
      padding: 10.83% 0% 10.83% 0%; } }
  @media screen and (max-width: 767px) {
    .h1PetitCakeAuTitle {
      padding-top: 154px;
      padding-bottom: 154px;
      padding-left: 0px;
      padding-right: 0px;
      width: 78.13%;
      position: relative; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .h1PetitCakeAuTitle {
      padding: 41.06% 0% 41.06% 0%; } }
  .h1PetitCakeAuTitle img {
    max-width: 812px; }
    @media print, screen and (max-width: 1349px) {
      .h1PetitCakeAuTitle img {
        max-width: 100%; } }

.bgGaufrierAssorted02 {
  padding-top: 121px;
  padding-bottom: 54px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .bgGaufrierAssorted02 {
      padding: 6.3% 0% 2.81% 0%; } }
  @media screen and (max-width: 767px) {
    .bgGaufrierAssorted02 {
      padding: 12.0% 0% 15% 0%; } }

@media screen and (max-width: 767px) {
  .petitCakeAuProductsInfoFx {
    width: 88.26%;
    margin-left: auto;
    margin-right: auto; } }

.secPetitCakeAuProductsInfo {
  width: 558px;
  margin-top: 57px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .secPetitCakeAuProductsInfo {
      margin: 4.22% 0% 0% 0%; } }
  @media screen and (max-width: 1400px) {
    .secPetitCakeAuProductsInfo {
      width: 41.33%; } }
  @media screen and (max-width: 767px) {
    .secPetitCakeAuProductsInfo {
      width: 100%; } }

.sliderPetitCakeAuProductsInfoWap {
  width: 647px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 41px; }
  @media print, screen and (max-width: 1349px) {
    .sliderPetitCakeAuProductsInfoWap {
      margin: 0% 3.03% 0% 0%; } }
  @media screen and (max-width: 1400px) {
    .sliderPetitCakeAuProductsInfoWap {
      width: 47.92%; } }
  @media screen and (max-width: 767px) {
    .sliderPetitCakeAuProductsInfoWap {
      margin-top: 40px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 100%; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .sliderPetitCakeAuProductsInfoWap {
      margin-top: 12.08%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.h1PetitCakeAuProductsInfo {
  width: 490px;
  letter-spacing: 0;
  text-indent: 0;
  margin: 0;
  font-weight: 400; }
  @media screen and (min-width: 1350px) {
    .h1PetitCakeAuProductsInfo {
      font-size: 18px; } }
  @media print, screen and (max-width: 1349px) {
    .h1PetitCakeAuProductsInfo {
      font-size: 1.33432vw; } }
  @media screen and (max-width: 767px) {
    .h1PetitCakeAuProductsInfo {
      width: 100%;
      letter-spacing: 0.1em;
      text-indent: -0.1em;
      font-size: 3.2vw; } }

.h2PetitCakeAuProductsInfo {
  width: 490px;
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .h2PetitCakeAuProductsInfo {
      margin: 3.04% 0% 0% 0%; } }
  @media screen and (max-width: 1400px) {
    .h2PetitCakeAuProductsInfo {
      width: 89.09%; } }
  @media screen and (max-width: 767px) {
    .h2PetitCakeAuProductsInfo {
      width: 90.93%;
      margin-top: 3.5%;
      margin-left: auto;
      margin-right: auto; } }

.txtPetitCakeAuProductsInfo {
  margin-top: 74px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 2.27273;
  letter-spacing: 0;
  text-indent: 0;
  font-weight: 400; }
  @media print, screen and (max-width: 1349px) {
    .txtPetitCakeAuProductsInfo {
      margin: 13.26% 0% 0% 0%; } }
  @media screen and (min-width: 1350px) {
    .txtPetitCakeAuProductsInfo {
      font-size: 22px; } }
  @media print, screen and (max-width: 1349px) {
    .txtPetitCakeAuProductsInfo {
      font-size: 1.63084vw; } }
  .txtPetitCakeAuProductsInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.27273) * .5em);
    content: ""; }
  .txtPetitCakeAuProductsInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.27273) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .txtPetitCakeAuProductsInfo {
      width: 90.93%;
      margin: 13.9% auto 0 auto;
      font-size: 3.73333vw;
      line-height: 1.85714;
      letter-spacing: 0;
      text-indent: 0;
      font-weight: 400; }
      .txtPetitCakeAuProductsInfo::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.85714) * .5em);
        content: ""; }
      .txtPetitCakeAuProductsInfo::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.85714) * .5em);
        content: ""; } }

.sliderPetitCakeAuProductsInfoBtmWap {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .sliderPetitCakeAuProductsInfoBtmWap {
      margin-top: 3.09%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .sliderPetitCakeAuProductsInfoBtmWap {
      margin: 2.7% auto 0 auto; } }

.sliderPetitCakeAuProductsInfoBtm {
  display: flex;
  justify-content: space-between; }
  @media print, screen and (max-width: 1349px) {
    .sliderPetitCakeAuProductsInfoBtm {
      max-height: 9.777777777777779vw; } }
  @media screen and (max-width: 767px) {
    .sliderPetitCakeAuProductsInfoBtm {
      max-height: 18.133333333333333vw; } }
  .sliderPetitCakeAuProductsInfoBtm .slick-arrow {
    background: unset;
    padding: 0;
    margin: 0;
    border: none;
    width: 2.34%; }
    @media screen and (max-width: 767px) {
      .sliderPetitCakeAuProductsInfoBtm .slick-arrow {
        width: 2.11%; } }
  .sliderPetitCakeAuProductsInfoBtm .slick-list {
    padding: 0 !important;
    width: 90.72%; }
    @media screen and (max-width: 767px) {
      .sliderPetitCakeAuProductsInfoBtm .slick-list {
        width: 90.33%; } }
  .sliderPetitCakeAuProductsInfoBtm .liSliderPetitCakeAuProductsInfoBtm {
    width: 132px !important;
    margin: 0 7.5px !important; }
    @media print, screen and (max-width: 1349px) {
      .sliderPetitCakeAuProductsInfoBtm .liSliderPetitCakeAuProductsInfoBtm {
        width: 9.777777777777779vw !important;
        margin: 0 0.4025925925925926vw !important; } }
    @media screen and (max-width: 767px) {
      .sliderPetitCakeAuProductsInfoBtm .liSliderPetitCakeAuProductsInfoBtm {
        margin: 0 1.1vw !important;
        width: 17.833333333333332vw !important; } }

.liSliderPetitCakeAuProductsInfoTop {
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  overflow: hidden; }

.liSliderPetitCakeAuProductsInfoBtm {
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  overflow: hidden; }

.petitCakeAuDetailWap {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .petitCakeAuDetailWap {
      margin-top: 5.2%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .petitCakeAuDetailWap {
      margin-top: 16.5%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

@media screen and (max-width: 767px) {
  .petitCakeAuDetail {
    width: 88.26%;
    margin-left: auto;
    margin-right: auto; } }

.petitCakeAuProductsWap {
  margin-top: 118px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .petitCakeAuProductsWap {
      margin-top: 6.14%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .petitCakeAuProductsWap {
      margin-top: 67.5px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .petitCakeAuProductsWap {
      margin-top: 18%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.h1petitCakeAuProducts {
  position: relative;
  text-align: center; }

.brdLeftPetitCakeAuProducts {
  display: block;
  width: 28.14%;
  height: 1px;
  position: absolute;
  left: 0;
  top: -10%;
  bottom: 0;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .brdLeftPetitCakeAuProducts {
      display: none; } }

.brdRightPetitCakeAuProducts {
  display: block;
  width: 28.14%;
  height: 1px;
  position: absolute;
  right: 0;
  top: -10%;
  bottom: 0;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .brdRightPetitCakeAuProducts {
      display: none; } }

.mainH1petitCakeAuProducts {
  position: relative;
  line-height: 1.28;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
  color: #C19863;
  text-align: center;
  font-weight: 600; }
  @media screen and (min-width: 1350px) {
    .mainH1petitCakeAuProducts {
      font-size: 25px; } }
  @media print, screen and (max-width: 1349px) {
    .mainH1petitCakeAuProducts {
      font-size: 1.85322vw; } }
  .mainH1petitCakeAuProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.28) * .5em);
    content: ""; }
  .mainH1petitCakeAuProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.28) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .mainH1petitCakeAuProducts {
      font-size: 4.26667vw;
      line-height: 2;
      letter-spacing: 0.03em;
      text-indent: -0.03em; }
      .mainH1petitCakeAuProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 2) * .5em);
        content: ""; }
      .mainH1petitCakeAuProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 2) * .5em);
        content: ""; } }

.petitCakeAuProductsFx {
  width: 660px;
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .petitCakeAuProductsFx {
      margin-top: 4.74%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1000px) {
    .petitCakeAuProductsFx {
      width: 66%; } }
  @media screen and (max-width: 767px) {
    .petitCakeAuProductsFx {
      width: 88.26%;
      margin: 10.8% auto 0 auto; } }

.photoPetitCakeAuProductsFx {
  width: 300px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  overflow: hidden; }
  @media print, screen and (max-width: 1349px) {
    .photoPetitCakeAuProductsFx {
      width: 45.45%; } }
  @media screen and (max-width: 767px) {
    .photoPetitCakeAuProductsFx {
      width: 47.43%;
      margin-left: auto;
      margin-right: auto; } }

.cntPetitCakeAuProductsFx {
  width: 300px;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .cntPetitCakeAuProductsFx {
      margin: 0.29% 0% 0% 0%; } }
  @media print, screen and (max-width: 1349px) {
    .cntPetitCakeAuProductsFx {
      width: 45.45%; } }
  @media screen and (max-width: 767px) {
    .cntPetitCakeAuProductsFx {
      width: 100%;
      margin: 6.7% auto 0 auto; } }

.h2PetitCakeAuProductsFx {
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .h2PetitCakeAuProductsFx {
      font-size: 20px; } }
  @media print, screen and (max-width: 1349px) {
    .h2PetitCakeAuProductsFx {
      font-size: 1.48258vw; } }
  .h2PetitCakeAuProductsFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * .5em);
    content: ""; }
  .h2PetitCakeAuProductsFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .h2PetitCakeAuProductsFx {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .h2PetitCakeAuProductsFx {
      font-size: 3.73333vw;
      line-height: 1.35714;
      letter-spacing: 0em;
      text-indent: -0em; }
      .h2PetitCakeAuProductsFx::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.35714) * .5em);
        content: ""; }
      .h2PetitCakeAuProductsFx::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.35714) * .5em);
        content: ""; } }

.txtKosuuPetitCakeAuProducts {
  line-height: 1.64286;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtKosuuPetitCakeAuProducts {
      font-size: 14px; } }
  @media print, screen and (max-width: 1349px) {
    .txtKosuuPetitCakeAuProducts {
      font-size: 1.03781vw; } }
  .txtKosuuPetitCakeAuProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.64286) * .5em);
    content: ""; }
  .txtKosuuPetitCakeAuProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.64286) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtKosuuPetitCakeAuProducts {
      margin-top: 6.66%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtKosuuPetitCakeAuProducts {
      font-size: 2.66667vw;
      line-height: 1.5;
      letter-spacing: 0em;
      text-indent: -0em;
      margin: 4.8% auto 0 auto; }
      .txtKosuuPetitCakeAuProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      .txtKosuuPetitCakeAuProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; } }

.txtNaiyoPetitCakeAuProducts {
  line-height: 1.53846;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 400;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtNaiyoPetitCakeAuProducts {
      font-size: 13px; } }
  @media print, screen and (max-width: 1349px) {
    .txtNaiyoPetitCakeAuProducts {
      font-size: 0.96368vw; } }
  .txtNaiyoPetitCakeAuProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.53846) * .5em);
    content: ""; }
  .txtNaiyoPetitCakeAuProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.53846) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtNaiyoPetitCakeAuProducts {
      margin-top: 2%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtNaiyoPetitCakeAuProducts {
      font-size: 2.66667vw;
      line-height: 1.5;
      letter-spacing: 0em;
      text-indent: -0em;
      margin: 0.83% auto 0 auto; }
      .txtNaiyoPetitCakeAuProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * .5em);
        content: ""; }
      .txtNaiyoPetitCakeAuProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * .5em);
        content: ""; } }

.txtPricePetitCakeAuProducts {
  line-height: 1;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 400;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtPricePetitCakeAuProducts {
      font-size: 20px; } }
  @media print, screen and (max-width: 1349px) {
    .txtPricePetitCakeAuProducts {
      font-size: 1.48258vw; } }
  .txtPricePetitCakeAuProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .txtPricePetitCakeAuProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtPricePetitCakeAuProducts {
      margin-top: 9%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtPricePetitCakeAuProducts {
      font-size: 3.73333vw;
      line-height: 0.92857;
      letter-spacing: 0em;
      text-indent: -0em;
      margin: 5.2% auto 0 auto; }
      .txtPricePetitCakeAuProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 0.92857) * .5em);
        content: ""; }
      .txtPricePetitCakeAuProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 0.92857) * .5em);
        content: ""; } }

.txtSubPricePetitCakeAuProducts {
  line-height: 1;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 400;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtSubPricePetitCakeAuProducts {
      font-size: 14px; } }
  @media print, screen and (max-width: 1349px) {
    .txtSubPricePetitCakeAuProducts {
      font-size: 1.03781vw; } }
  .txtSubPricePetitCakeAuProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .txtSubPricePetitCakeAuProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtSubPricePetitCakeAuProducts {
      margin-top: 4.33%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtSubPricePetitCakeAuProducts {
      font-size: 2.93333vw;
      line-height: 1;
      letter-spacing: 0em;
      text-indent: -0em;
      margin-top: 5px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .txtSubPricePetitCakeAuProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .txtSubPricePetitCakeAuProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .txtSubPricePetitCakeAuProducts {
      margin-top: 1.51%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.txtKikanPetitCakeAuProducts {
  line-height: 1;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 400;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtKikanPetitCakeAuProducts {
      font-size: 14px; } }
  @media print, screen and (max-width: 1349px) {
    .txtKikanPetitCakeAuProducts {
      font-size: 1.03781vw; } }
  .txtKikanPetitCakeAuProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .txtKikanPetitCakeAuProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtKikanPetitCakeAuProducts {
      margin-top: 8%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtKikanPetitCakeAuProducts {
      font-size: 2.93333vw;
      line-height: 1;
      letter-spacing: 0em;
      text-indent: -0em;
      margin: 10.8% auto 0 auto; }
      .txtKikanPetitCakeAuProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .txtKikanPetitCakeAuProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }

.txtKikanRubyPetitCakeAuProducts {
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1350px) {
    .txtKikanRubyPetitCakeAuProducts {
      font-size: 10px; } }
  @media print, screen and (max-width: 1349px) {
    .txtKikanRubyPetitCakeAuProducts {
      font-size: 0.74129vw; } }
  .txtKikanRubyPetitCakeAuProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * .5em);
    content: ""; }
  .txtKikanRubyPetitCakeAuProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1349px) {
    .txtKikanRubyPetitCakeAuProducts {
      margin-top: 3.33%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtKikanRubyPetitCakeAuProducts {
      font-size: 2.93333vw;
      line-height: 1.45455;
      letter-spacing: 0em;
      text-indent: -0em;
      margin: 1.2% auto 0 auto; }
      .txtKikanRubyPetitCakeAuProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.45455) * .5em);
        content: ""; }
      .txtKikanRubyPetitCakeAuProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.45455) * .5em);
        content: ""; } }

.btmPetitCakeAuProductsWap {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .btmPetitCakeAuProductsWap {
      margin-top: 6%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .btmPetitCakeAuProductsWap {
      width: 60.72%;
      margin-top: 23px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .btmPetitCakeAuProductsWap {
      margin-top: 6.94%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.btmPetitCakeAuProducts {
  text-decoration: none;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  transition-duration: 0.5s; }
  @media screen and (min-width: 1350px) {
    .btmPetitCakeAuProducts {
      font-size: 16px; } }
  @media print, screen and (max-width: 1349px) {
    .btmPetitCakeAuProducts {
      font-size: 1.18606vw; } }
  @media screen and (max-width: 1000px) {
    .btmPetitCakeAuProducts {
      height: 3.6525vw; } }
  @media screen and (max-width: 767px) {
    .btmPetitCakeAuProducts {
      font-size: 3.2vw;
      line-height: 1;
      letter-spacing: 0.08em;
      text-indent: -0.08em;
      height: 10.66667vw; }
      .btmPetitCakeAuProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .btmPetitCakeAuProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }

.txtLastPetitCakeAuProducts {
  margin-top: 133px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .txtLastPetitCakeAuProducts {
      margin-top: 6.92%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtLastPetitCakeAuProducts {
      margin: 22.1% auto 0 auto; } }

.txtLastPetitCakeAuProducts {
  line-height: 1;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
  font-weight: 400; }
  @media screen and (min-width: 1350px) {
    .txtLastPetitCakeAuProducts {
      font-size: 14px; } }
  @media print, screen and (max-width: 1349px) {
    .txtLastPetitCakeAuProducts {
      font-size: 1.03781vw; } }
  .txtLastPetitCakeAuProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .txtLastPetitCakeAuProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .txtLastPetitCakeAuProducts {
      font-size: 2.93333vw;
      line-height: 1.45455;
      letter-spacing: 0.00em;
      text-indent: -0.00em;
      font-weight: 400; }
      .txtLastPetitCakeAuProducts::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.45455) * .5em);
        content: ""; }
      .txtLastPetitCakeAuProducts::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.45455) * .5em);
        content: ""; } }

.present {
  background: url(../img/lespoir/bg_presentPc.png) no-repeat top center;
  background-size: auto 100%; }
  @media screen and (max-width: 767px) {
    .present {
      background: url(../img/lespoir/bg_presentSp.png) no-repeat top center;
      background-size: cover; } }

.present {
  padding-top: 152px;
  padding-bottom: 151px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .present {
      padding: 7.91% 0% 7.86% 0%; } }
  @media screen and (max-width: 767px) {
    .present {
      padding: 26.66% 0% 27.46% 0%; } }

.presentInner {
  width: 94.07%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .presentInner {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .presentInner {
      width: 77.6%; } }

.presentFig01 {
  width: 47.24%; }
  @media screen and (max-width: 767px) {
    .presentFig01 {
      width: 100%; } }
  .presentFig01 img {
    max-width: 600px; }
    @media screen and (max-width: 1400px) {
      .presentFig01 img {
        width: 100%; } }

.rightBox {
  background: #197174;
  border-radius: 11px;
  /* CSS3草案 */
  -webkit-border-radius: 11px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 11px;
  /* Firefox用 */
  width: 47.24%;
  padding-top: 41px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px; }
  @media print, screen and (max-width: 1349px) {
    .rightBox {
      padding: 3.22% 2.36% 2.36% 2.36%; } }
  @media screen and (max-width: 767px) {
    .rightBox {
      width: 100%;
      padding: 17.18% 10.3% 16.18% 10.3%;
      margin: 13.66% 0% 0% 0%; } }

.presentFig {
  width: 38.8%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1349px) {
    .presentFig {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .presentFig {
      width: 67.2%; } }
  .presentFig img {
    max-width: 208.44px; }
    @media screen and (max-width: 1400px) {
      .presentFig img {
        width: 100%; } }

.rightBoxUl {
  margin-top: 34.5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .rightBoxUl {
      margin: 2.71% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .rightBoxUl {
      display: block;
      width: 100%;
      margin-top: 30px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .rightBoxUl {
      margin: 10.3% 0% 0% 0%; } }

.rightBoxLi {
  width: 47.9%; }
  @media screen and (max-width: 767px) {
    .rightBoxLi {
      width: 100%; } }

.rightBoxUlTxt {
  letter-spacing: 0em;
  text-indent: -0em;
  font-weight: 500; }
  @media screen and (min-width: 1350px) {
    .rightBoxUlTxt {
      font-size: 16px; } }
  @media print, screen and (max-width: 1349px) {
    .rightBoxUlTxt {
      font-size: 1.18606vw; } }
  @media screen and (max-width: 767px) {
    .rightBoxUlTxt {
      letter-spacing: 0.06em;
      text-indent: -0.06em;
      font-size: 3.73333vw; } }

.rightBoxLinks {
  display: block;
  text-align: center;
  background: #C19064;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-indent: -0.12em;
  line-height: 1;
  border-radius: 27px;
  /* CSS3草案 */
  -webkit-border-radius: 27px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 27px;
  /* Firefox用 */
  padding-top: 22px;
  padding-bottom: 17px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  .rightBoxLinks::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .rightBoxLinks::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media screen and (min-width: 1350px) {
    .rightBoxLinks {
      font-size: 15px; } }
  @media print, screen and (max-width: 1349px) {
    .rightBoxLinks {
      font-size: 1.11193vw; } }
  @media print, screen and (max-width: 1349px) {
    .rightBoxLinks {
      padding: 3.65% 0% 2.82% 0%; } }
  @media print, screen and (max-width: 1349px) {
    .rightBoxLinks {
      margin: 2.49% 0% 0% 0%; } }
  @media print, screen and (max-width: 1349px) {
    .rightBoxLinks {
      padding-top: 17px;
      padding-bottom: 17px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media print, screen and (max-width: 1349px) and (max-width: 1349px) {
    .rightBoxLinks {
      padding: 6.53% 0% 6.53% 0%; } }
  @media screen and (max-width: 767px) {
    .rightBoxLinks {
      letter-spacing: 0.1em;
      text-indent: -0.1em;
      font-size: 3.46667vw;
      padding: 6.06% 0% 5.9% 0%;
      margin-top: 10px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 767px) and (max-width: 1349px) {
    .rightBoxLinks {
      margin: 3.43% 0% 0% 0%; } }

@media screen and (max-width: 767px) {
  .rightBoxLi02 {
    margin: 7.24% 0% 0% 0%; } }

.fixedMenu {
  width: 208px;
  position: fixed;
  bottom: 2%;
  right: 0;
  margin: 0 0 0 auto;
  z-index: 1; }
  @media screen and (max-width: 1100px) {
    .fixedMenu {
      width: 18.9%; } }
  @media screen and (max-width: 767px) {
    .fixedMenu {
      width: 100%;
      bottom: 0;
      left: 0;
      right: 0;
      display: block; } }

.fixedMenuPcNav {
  display: none;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 14.5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .fixedMenuPcNav {
      padding: 2.4% 4.8% 4.8% 4.8%; } }
  @media print, screen and (max-width: 1349px) {
    .fixedMenuPcNav {
      margin: 6.97% 0% 0% 0%; } }

.fixedMenuSpNav {
  display: none; }

.fixedMenuH2Pc {
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 400; }
  @media screen and (min-width: 1350px) {
    .fixedMenuH2Pc {
      font-size: 12px; } }
  @media print, screen and (max-width: 1349px) {
    .fixedMenuH2Pc {
      font-size: 0.88955vw; } }
  .fixedMenuH2Pc::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .fixedMenuH2Pc::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }

.fixedMenuUlPc {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .fixedMenuUlPc {
      margin: 0.96% 0% 0% 0%; } }

.fixedMenuUlSp {
  display: flex;
  justify-content: center;
  align-content: center; }

.fixedMenuLiPc:nth-child(n+2) {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1349px) {
    .fixedMenuLiPc:nth-child(n+2) {
      margin: 0.96% 0% 0% 0%; } }

.fixedMenuLiSp {
  width: 45%; }

.fixedMenuLinksPc {
  line-height: 1;
  letter-spacing: 0em;
  color: #FFF;
  text-decoration: underline; }
  @media screen and (min-width: 1350px) {
    .fixedMenuLinksPc {
      font-size: 12px; } }
  @media print, screen and (max-width: 1349px) {
    .fixedMenuLinksPc {
      font-size: 0.88955vw; } }
  .fixedMenuLinksPc::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .fixedMenuLinksPc::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }

.goTop {
  width: 48.07%;
  display: block;
  margin: 0 0 0 auto; }
  @media screen and (max-width: 767px) {
    .goTop {
      width: 13.6%;
      margin: 0; } }

.fixedMenuLinksSp {
  font-size: 2.66667vw;
  line-height: 1.2;
  letter-spacing: 0.06em;
  color: #FFF;
  display: block; }
  .fixedMenuLinksSp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2) * .5em);
    content: ""; }
  .fixedMenuLinksSp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2) * .5em);
    content: ""; }

.iconfixedMenu01 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 34px;
  padding-right: 0px;
  background: url(../img/lespoir/iconfixedMenu01.png) no-repeat left center;
  background-size: auto 100%;
  display: block; }
  @media print, screen and (max-width: 1349px) {
    .iconfixedMenu01 {
      padding: 4.25% 0% 4.25% 18.08%; } }

.iconfixedMenu02 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 34px;
  padding-right: 0px;
  background: url(../img/lespoir/iconfixedMenu02.png) no-repeat left center;
  background-size: auto 100%;
  display: block; }
  @media print, screen and (max-width: 1349px) {
    .iconfixedMenu02 {
      padding: 4.25% 0% 4.25% 18.08%; } }

.iconfixedMenu03 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 34px;
  padding-right: 0px;
  background: url(../img/lespoir/iconfixedMenu03.png) no-repeat left center;
  background-size: auto 100%;
  display: block; }
  @media print, screen and (max-width: 1349px) {
    .iconfixedMenu03 {
      padding: 4.25% 0% 4.25% 18.08%; } }

.pagetop {
  display: none !important; }

/* ==========================================================================
Component
========================================================================== */
.bg_635341 {
  background: #635341; }

.bg_640D11 {
  background: #640D11; }

.bg_4A202A {
  background: #4A202A; }

.bg_197174 {
  background: 197174; }

/*
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
*/
.cl_fff {
  color: #FFF; }

.cl_2E1A02 {
  color: #2E1A02; }

.cl_231815 {
  color: #231815; }

.bg_640D11 {
  background: #640D11; }

.bg_C19863 {
  background: #C19863; }

.bg_197174 {
  background: #197174; }

.bg_502E1B {
  background: #502E1B; }

.bg_4A202A {
  background: #4A202A; }

.bg_C19863 {
  background: #C19863; }

.bg_fff {
  background: #FFF; }

.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: .8s;
  animation-duration: .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_fade_in_500 {
  opacity: 0; }
  .opacity_0_fade_in_500.active {
    -webkit-animation: fadein_in 0.75s ease 0.5s forwards alternate;
    animation: fadein_in 0.75s ease 0.5s forwards alternate; }

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

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

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

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

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

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

.opacity_0_list_fade_set > li {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
  position: relative; }

.opacity_0_list_fade_set.active > li: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) {
  -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) {
  -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) {
  -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) {
  -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) {
  -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) {
  -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) {
  -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) {
  -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) {
  -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) {
  -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) {
  -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; }

.bounsebox.active {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }
  .bounsebox.active.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .bounsebox.active.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  .bounsebox.active.flipOutX, .bounsebox.active.flipOutY, .bounsebox.active.bounceIn, .bounsebox.active.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

/** 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: .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.png") 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.png") 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.png") -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.png") -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: .85em;
  padding: 10px; }

.lb-loader, .lightbox {
  text-align: center;
  line-height: 0; }

body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none; }

.lb-dataContainer:after, .lb-outerContainer:after {
  content: "";
  clear: both; }

body.lb-disable-scrolling {
  overflow: hidden; }

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: .8;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400; }

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff; }

.lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff; }

.lb-loader, .lb-nav {
  position: absolute;
  left: 0; }

.lb-outerContainer:after {
  display: table; }

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat; }

.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); }

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block; }

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s; }

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1; }

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s; }

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
  display: table; }

.lb-data {
  padding: 0 4px;
  color: #ccc; }

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em; }

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em; }

.lb-data .lb-caption a {
  color: #4ae; }

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999; }

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: .7;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s; }

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1; }


/* 山田追加分2023/10/02 */
@media screen and (min-width: 767.98px) {
.photoGaufriercan {
/* ここにSP向けのCSS指定 */
width: 100%;
}
	
@media screen and (min-width: 780px) {
.photoGaufriercan {
/* ここにPC向けのCSS指定 */
width: 80%;
}