/* ==========================================================================
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_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; }

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

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

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

svg {
  display: block; }

.mintyou {
  font-family: 'Noto Serif JP', serif; }

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

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

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

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

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

@media print, screen and (max-width: 1049px) {
  .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
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
.sweets_loading {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #483F43;
  z-index: 999; }

.picSweetsLoadings {
  position: absolute;
  width: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .picSweetsLoadings {
      width: 85.06%; } }

.sweets_fv {
  padding-top: 0px;
  padding-bottom: 202px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweets_fv {
      padding: 0% 0% 10.52% 0%; } }
  @media screen and (max-width: 767px) {
    .sweets_fv {
      background: unset;
      overflow: hidden;
      position: relative;
      height: 139.73333vw; } }

.pcimgSweetsFv {
  background: url(../img/sweets/bgSweetsFvPc.png) no-repeat top center;
  background-size: cover;
  width: 100%;
  height: 56.25vw;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0; }
  @media print, screen and (max-width: 1049px) {
    .pcimgSweetsFv {
      height: 90vw; } }
  @media screen and (max-width: 768px) {
    .pcimgSweetsFv {
      height: 100vh; } }
  @media screen and (max-width: 767px) {
    .pcimgSweetsFv {
      background: url(../img/sweets/bgSweetsFvSp.png) no-repeat top center;
      background-size: cover;
      width: 100%;
      height: 216.53333vw;
      position: fixed; } }

/*.spimgSweetsFv{
    @include heightVwSp(812);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: url(../img/sweets/bgSweetsFvSp.png) no-repeat 0% center;
    background-size: 100% auto;
    margin: auto;
    z-index: -1;
}*/
.imgSweetsFv {
  display: block;
  overflow: hidden; }
  .imgSweetsFv img {
    width: 100vw; }
    @media print, screen and (max-width: 1049px) {
      .imgSweetsFv img {
        width: 100%; } }

.sweets_Clairdelune {
  overflow: hidden;
  padding-top: 59px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweets_Clairdelune {
      padding: 3.07% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweets_Clairdelune {
      padding: 19.66% 0% 0% 0%; } }

.h1secClairdelune {
  line-height: 1.26074;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  font-feature-settings: "palt";
  font-weight: 300; }
  @media screen and (min-width: 1050px) {
    .h1secClairdelune {
      font-size: 27px; } }
  @media print, screen and (max-width: 1049px) {
    .h1secClairdelune {
      font-size: 2.57388vw; } }
  .h1secClairdelune::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.26074) * .5em);
    content: ""; }
  .h1secClairdelune::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.26074) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .h1secClairdelune {
      font-size: 5.33333vw;
      line-height: 1;
      letter-spacing: 0.02em;
      text-indent: -0.02em;
      font-feature-settings: "palt";
      width: 85.06%;
      margin: auto; }
      .h1secClairdelune::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .h1secClairdelune::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }

.h2secClairdelune {
  line-height: 0.66745;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  font-feature-settings: "palt";
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: 400; }
  @media screen and (min-width: 1050px) {
    .h2secClairdelune {
      font-size: 51px; } }
  @media print, screen and (max-width: 1049px) {
    .h2secClairdelune {
      font-size: 4.86177vw; } }
  .h2secClairdelune::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.66745) * .5em);
    content: ""; }
  .h2secClairdelune::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.66745) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .h2secClairdelune {
      margin: 1.42% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .h2secClairdelune {
      font-size: 10.4vw;
      line-height: 1;
      letter-spacing: 0.045em;
      text-indent: -0.045em;
      font-feature-settings: "palt";
      margin: 3% 0% 0% 0%; }
      .h2secClairdelune::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .h2secClairdelune::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }

.h3secClairdelune {
  line-height: 1.41833;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  font-feature-settings: "palt";
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: 400; }
  @media screen and (min-width: 1050px) {
    .h3secClairdelune {
      font-size: 24px; } }
  @media print, screen and (max-width: 1049px) {
    .h3secClairdelune {
      font-size: 2.28789vw; } }
  .h3secClairdelune::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.41833) * .5em);
    content: ""; }
  .h3secClairdelune::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.41833) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .h3secClairdelune {
      margin: 2.09% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .h3secClairdelune {
      font-size: 4.53333vw;
      line-height: 1.11765;
      letter-spacing: 0.02em;
      text-indent: -0.02em;
      font-feature-settings: "palt";
      margin: 3.3% 0 0 0; }
      .h3secClairdelune::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.11765) * .5em);
        content: ""; }
      .h3secClairdelune::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.11765) * .5em);
        content: ""; } }

.leftCloudsClairdeluneSp {
  margin: 10.33% 0% 0% 0%;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 25.016vw; }
  .leftCloudsClairdeluneSp img {
    position: absolute;
    left: -43%;
    height: 100%;
    width: 100%;
    animation: poyonpoyon01 5s infinite; }

.txtTopClairdelune {
  line-height: 1.91304;
  letter-spacing: 0.180em;
  text-indent: -0.180em;
  font-feature-settings: "palt";
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: 200; }
  @media screen and (min-width: 1050px) {
    .txtTopClairdelune {
      font-size: 23px; } }
  @media print, screen and (max-width: 1049px) {
    .txtTopClairdelune {
      font-size: 2.19256vw; } }
  .txtTopClairdelune::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.91304) * .5em);
    content: ""; }
  .txtTopClairdelune::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.91304) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtTopClairdelune {
      margin: 3.42% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtTopClairdelune {
      font-size: 4.8vw;
      line-height: 1.88889;
      letter-spacing: 0.180em;
      text-indent: -0.180em;
      font-feature-settings: "palt";
      width: 85.06%;
      margin: 7.65% auto 0 auto; }
      .txtTopClairdelune::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.88889) * .5em);
        content: ""; }
      .txtTopClairdelune::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.88889) * .5em);
        content: ""; } }

.txtMiddleClairdelune {
  line-height: 1.78947;
  letter-spacing: 0.180em;
  text-indent: -0.180em;
  font-feature-settings: "palt";
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: 200; }
  @media screen and (min-width: 1050px) {
    .txtMiddleClairdelune {
      font-size: 19px; } }
  @media print, screen and (max-width: 1049px) {
    .txtMiddleClairdelune {
      font-size: 1.81125vw; } }
  .txtMiddleClairdelune::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.78947) * .5em);
    content: ""; }
  .txtMiddleClairdelune::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.78947) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtMiddleClairdelune {
      margin: 3.42% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtMiddleClairdelune {
      font-size: 4vw;
      line-height: 1.8;
      letter-spacing: 0.075em;
      text-indent: -0.075em;
      font-feature-settings: "palt";
      width: 85.06%;
      margin: 9.5% auto 0 auto; }
      .txtMiddleClairdelune::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.8) * .5em);
        content: ""; }
      .txtMiddleClairdelune::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.8) * .5em);
        content: ""; } }

.rightCloudsClairdeluneSp {
  margin: 11.88% 0% 0% 0%;
  width: 81.91%;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 20.22133vw; }
  .rightCloudsClairdeluneSp img {
    position: absolute;
    right: -37%;
    height: 100%;
    width: 100%;
    animation: poyonpoyon02 10s infinite; }

.bordClairdelune {
  width: 22.85%;
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  background: #FFF; }
  @media print, screen and (max-width: 1049px) {
    .bordClairdelune {
      margin-top: 4.57%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .bordClairdelune {
      width: 64%;
      margin-top: 40.4px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .bordClairdelune {
      margin-top: 10.77%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.txtBtmClairdelune {
  line-height: 1.9375;
  letter-spacing: 0.180em;
  text-indent: -0.180em;
  font-feature-settings: "palt";
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: 200; }
  @media screen and (min-width: 1050px) {
    .txtBtmClairdelune {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .txtBtmClairdelune {
      font-size: 1.52526vw; } }
  .txtBtmClairdelune::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.9375) * .5em);
    content: ""; }
  .txtBtmClairdelune::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.9375) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtBtmClairdelune {
      margin: 4.47% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtBtmClairdelune {
      font-size: 3.73333vw;
      line-height: 2;
      letter-spacing: 0.030em;
      text-indent: -0.030em;
      font-feature-settings: "palt";
      width: 85.06%;
      margin: 10.86% auto 0 auto; }
      .txtBtmClairdelune::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 2) * .5em);
        content: ""; }
      .txtBtmClairdelune::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 2) * .5em);
        content: ""; } }

.CloudsClairdelune {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 95.79%; }
  @media print, screen and (max-width: 1049px) {
    .CloudsClairdelune {
      margin-top: 1.87%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.leftCloudsClairdelune {
  width: 33.33%; }
  .leftCloudsClairdelune img {
    max-width: 612px;
    animation: poyonpoyon01 20s infinite; }
    @media screen and (max-width: 1850px) {
      .leftCloudsClairdelune img {
        max-width: 100%; } }

.rightCloudsClairdelune {
  width: 30.88%;
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .rightCloudsClairdelune {
      margin: 1.79% 0% 0% 0%; } }
  .rightCloudsClairdelune img {
    max-width: 566px;
    animation: poyonpoyon02 10s infinite; }
    @media screen and (max-width: 1850px) {
      .rightCloudsClairdelune img {
        max-width: 100%; } }

@keyframes poyonpoyon01 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(6.66%);
    transform: translateX(10%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0%); } }

@keyframes poyonpoyon02 {
  0% {
    -webkit-transform: translateX(3%);
    transform: translateX(10%); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(6.66%);
    transform: translateX(10%); } }

.sweets_Clairdelune_kikan {
  padding-top: 73.7px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweets_Clairdelune_kikan {
      padding: 3.83% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweets_Clairdelune_kikan {
      overflow: hidden;
      padding: 32.2% 0% 0% 0%; } }

.secSweetsClairdelunekikan {
  width: 52.47%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 34px;
  padding-bottom: 31px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/sweets/bgSweetsClairdelunekikanLeftPc.svg), url(../img/sweets/bgSweetsClairdelunekikanRightPc.svg);
  background-repeat: no-repeat,no-repeat;
  background-position: top left,top right;
  background-size: auto 100%, auto 100%; }
  @media print, screen and (max-width: 1049px) {
    .secSweetsClairdelunekikan {
      padding: 3.23% 0% 2.95% 0%; } }
  @media screen and (max-width: 767px) {
    .secSweetsClairdelunekikan {
      background: url(../img/sweets/bgSweetsClairdelunekikanLeftSp.svg), url(../img/sweets/bgSweetsClairdelunekikanRightSp.svg);
      background-repeat: no-repeat,no-repeat;
      background-position: top left,top right;
      background-size: auto 100%, auto 100%;
      padding: 5% 0% 6% 0%;
      width: 85.3%; } }

.h1SweetsClairdelunekikan {
  line-height: 1.91304;
  letter-spacing: 0.18em;
  text-indent: -0.18em;
  font-feature-settings: "palt";
  font-weight: 200;
  margin-bottom: 0; }
  @media screen and (min-width: 1050px) {
    .h1SweetsClairdelunekikan {
      font-size: 23px; } }
  @media print, screen and (max-width: 1049px) {
    .h1SweetsClairdelunekikan {
      font-size: 2.19256vw; } }
  .h1SweetsClairdelunekikan::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.91304) * .5em);
    content: ""; }
  .h1SweetsClairdelunekikan::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.91304) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .h1SweetsClairdelunekikan {
      font-size: 5.06667vw;
      line-height: 1.30211;
      letter-spacing: 0.110em;
      text-indent: -0.110em;
      font-feature-settings: "palt";
      width: 85.06%;
      margin: auto; }
      .h1SweetsClairdelunekikan::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.30211) * .5em);
        content: ""; }
      .h1SweetsClairdelunekikan::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.30211) * .5em);
        content: ""; } }

.txtMiniSweetsClairdelunekikan {
  line-height: 2.83333;
  letter-spacing: 0.18em;
  text-indent: -0.18em;
  font-feature-settings: "palt";
  font-weight: 200;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .txtMiniSweetsClairdelunekikan {
      font-size: 12px; } }
  @media print, screen and (max-width: 1049px) {
    .txtMiniSweetsClairdelunekikan {
      font-size: 1.14395vw; } }
  .txtMiniSweetsClairdelunekikan::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.83333) * .5em);
    content: ""; }
  .txtMiniSweetsClairdelunekikan::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.83333) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtMiniSweetsClairdelunekikan {
      margin: 1.08% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtMiniSweetsClairdelunekikan {
      font-size: 2.66667vw;
      line-height: 3.4;
      letter-spacing: 0.180em;
      text-indent: -0.180em;
      font-feature-settings: "palt";
      margin: 2.25% 0% 0% 0%; }
      .txtMiniSweetsClairdelunekikan::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 3.4) * .5em);
        content: ""; }
      .txtMiniSweetsClairdelunekikan::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 3.4) * .5em);
        content: ""; } }

.txtMainSweetsClairdelunekikan {
  line-height: 1.77778;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 200;
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .txtMainSweetsClairdelunekikan {
      font-size: 18px; } }
  @media print, screen and (max-width: 1049px) {
    .txtMainSweetsClairdelunekikan {
      font-size: 1.71592vw; } }
  .txtMainSweetsClairdelunekikan::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.77778) * .5em);
    content: ""; }
  .txtMainSweetsClairdelunekikan::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.77778) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtMainSweetsClairdelunekikan {
      margin: 6.53% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtMainSweetsClairdelunekikan {
      font-size: 3.46667vw;
      line-height: 1.53846;
      letter-spacing: 0.09em;
      text-indent: -0.09em;
      font-feature-settings: "palt";
      margin: 5.7% 0% 0% 0%; }
      .txtMainSweetsClairdelunekikan::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.53846) * .5em);
        content: ""; }
      .txtMainSweetsClairdelunekikan::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.53846) * .5em);
        content: ""; } }

.sweets_GaufresChocolat {
  padding-top: 126px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweets_GaufresChocolat {
      padding: 6.56% 0% 7.81% 0%; } }
  @media screen and (max-width: 767px) {
    .sweets_GaufresChocolat {
      overflow: hidden;
      padding: 34.86% 0% 26.66% 0%; } }

.sweetsGaufresChocolatWap img {
  display: block; }

.h1SweetsGaufresChocolat {
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-bottom: 0; }
  @media screen and (min-width: 1050px) {
    .h1SweetsGaufresChocolat {
      font-size: 58px; } }
  @media print, screen and (max-width: 1049px) {
    .h1SweetsGaufresChocolat {
      font-size: 5.52908vw; } }
  .h1SweetsGaufresChocolat::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .h1SweetsGaufresChocolat::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .h1SweetsGaufresChocolat {
      font-size: 11.73333vw;
      line-height: 0.95455;
      letter-spacing: 0.09em;
      text-indent: -0.09em;
      font-feature-settings: "palt";
      width: 85.06%;
      margin: auto; }
      .h1SweetsGaufresChocolat::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 0.95455) * .5em);
        content: ""; }
      .h1SweetsGaufresChocolat::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 0.95455) * .5em);
        content: ""; } }

.rubySweetsGaufresChocolat {
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .rubySweetsGaufresChocolat {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .rubySweetsGaufresChocolat {
      font-size: 1.52526vw; } }
  .rubySweetsGaufresChocolat::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .rubySweetsGaufresChocolat::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .rubySweetsGaufresChocolat {
      margin: 1.04% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .rubySweetsGaufresChocolat {
      font-size: 4.26667vw;
      line-height: 1.75;
      letter-spacing: 0.080em;
      text-indent: -0.080em;
      font-feature-settings: "palt";
      width: 85.06%;
      margin: 5.66% auto 0 auto; }
      .rubySweetsGaufresChocolat::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .rubySweetsGaufresChocolat::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.txtTopSweetsGaufresChocolat {
  line-height: 1.88889;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  font-feature-settings: "palt";
  font-weight: 200;
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }

	.margin_plus{
		margin-top: 85px;
	
}

.margin_plus02{
	margin-top:250px;
}

@media screen and (max-width: 767px) {
	.margin_plus02{
		margin-top:210px;
	}

}


  @media screen and (min-width: 1050px) {
    .txtTopSweetsGaufresChocolat {
      font-size: 18px; } }
  @media print, screen and (max-width: 1049px) {
    .txtTopSweetsGaufresChocolat {
      font-size: 1.71592vw; } }
  .txtTopSweetsGaufresChocolat::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.88889) * .5em);
    content: ""; }
  .txtTopSweetsGaufresChocolat::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.88889) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtTopSweetsGaufresChocolat {
      margin: 3.52% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtTopSweetsGaufresChocolat {
      font-size: 4.26667vw;
      line-height: 1.75;
      letter-spacing: 0em;
      text-indent: 0em;
      font-feature-settings: "palt";
      width: 85.33%;
      margin-top: 30px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .txtTopSweetsGaufresChocolat::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .txtTopSweetsGaufresChocolat::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }



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

.photoSweetsGaufresChocolat {
  margin-top: 103px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 80.47%; }
  @media print, screen and (max-width: 1049px) {
    .photoSweetsGaufresChocolat {
      margin-top: 9.8%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .photoSweetsGaufresChocolat {
      margin-top: 14.33%;
      width: 85.06%; } }
  .photoSweetsGaufresChocolat img {
    max-width: 844px; }
    @media print, screen and (max-width: 1049px) {
      .photoSweetsGaufresChocolat img {
        max-width: 100%; } }

.SweetsGaufresChocolatFx {
  width: 80.38%;
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .SweetsGaufresChocolatFx {
      margin-top: 4.76%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .SweetsGaufresChocolatFx {
      margin-top: 18.33%;
      width: 85.06%; } }

.photoSweetsGaufresChocolatFx {
  width: 55.68%; }
  @media screen and (max-width: 767px) {
    .photoSweetsGaufresChocolatFx {
      width: 100%; } }
  .photoSweetsGaufresChocolatFx img {
    max-width: 470px; }
    @media print, screen and (max-width: 1049px) {
      .photoSweetsGaufresChocolatFx img {
        max-width: 100%; } }

.cntSweetsGaufresChocolat {
  width: 44.31%; }
  @media screen and (max-width: 767px) {
    .cntSweetsGaufresChocolat {
      width: 100%;
      margin-top: 6.5%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.picSweetsGaufresChocolat {
  width: 71.92%; }
  @media screen and (max-width: 767px) {
    .picSweetsGaufresChocolat {
      width: 83.69%;
      margin-left: auto;
      margin-right: auto; } }
  .picSweetsGaufresChocolat img {
    max-width: 268px; }
    @media print, screen and (max-width: 1049px) {
      .picSweetsGaufresChocolat img {
        max-width: 100%; } }

.secCntSweetsGaufresChocolat {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .secCntSweetsGaufresChocolat {
      margin-top: 8.28%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .secCntSweetsGaufresChocolat {
      margin-top: 9.46%; } }

.h2secCntSweetsGaufresChocolat {
  line-height: 1.75;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .h2secCntSweetsGaufresChocolat {
      font-size: 21px; } }
  @media print, screen and (max-width: 1049px) {
    .h2secCntSweetsGaufresChocolat {
      font-size: 2.00191vw; } }
  .h2secCntSweetsGaufresChocolat::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * .5em);
    content: ""; }
  .h2secCntSweetsGaufresChocolat::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .h2secCntSweetsGaufresChocolat {
      margin: 0% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .h2secCntSweetsGaufresChocolat {
      font-size: 4.53333vw;
      line-height: 1;
      letter-spacing: 0.08em;
      text-indent: -0.08em;
      font-feature-settings: "palt";
      text-align: center;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; }
      .h2secCntSweetsGaufresChocolat::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .h2secCntSweetsGaufresChocolat::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .h2secCntSweetsGaufresChocolat {
      margin: 0% 0% 0% 0%; } }

.txtTopCntSweetsGaufresChocolat {
  line-height: 1.61538;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .txtTopCntSweetsGaufresChocolat {
      font-size: 13px; } }
  @media print, screen and (max-width: 1049px) {
    .txtTopCntSweetsGaufresChocolat {
      font-size: 1.23928vw; } }
  .txtTopCntSweetsGaufresChocolat::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.61538) * .5em);
    content: ""; }
  .txtTopCntSweetsGaufresChocolat::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.61538) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtTopCntSweetsGaufresChocolat {
      margin: 5.08% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtTopCntSweetsGaufresChocolat {
      font-size: 3.46667vw;
      line-height: 1.61538;
      letter-spacing: 0.0em;
      text-indent: 0.0em;
      text-align: center;
      font-feature-settings: "palt";
      margin-top: 6%; }
      .txtTopCntSweetsGaufresChocolat::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.61538) * .5em);
        content: ""; }
      .txtTopCntSweetsGaufresChocolat::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.61538) * .5em);
        content: ""; } }

.txtMiddleCntSweetsGaufresChocolat {
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .txtMiddleCntSweetsGaufresChocolat {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .txtMiddleCntSweetsGaufresChocolat {
      font-size: 1.52526vw; } }
  .txtMiddleCntSweetsGaufresChocolat::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .txtMiddleCntSweetsGaufresChocolat::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtMiddleCntSweetsGaufresChocolat {
      margin: 4.27% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtMiddleCntSweetsGaufresChocolat {
      font-size: 4.26667vw;
      line-height: 1.75;
      letter-spacing: 0.06em;
      text-indent: -0.06em;
      font-feature-settings: "palt";
      width: 100%;
      text-align: center;
      margin: 7.33% 0% 0% 0%; }
      .txtMiddleCntSweetsGaufresChocolat::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .txtMiddleCntSweetsGaufresChocolat::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.txtBtmCntSweetsGaufresChocolat {
  line-height: 1.75;
  letter-spacing: 0.0em;
  text-indent: -0.00em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .txtBtmCntSweetsGaufresChocolat {
      font-size: 12px; } }
  @media print, screen and (max-width: 1049px) {
    .txtBtmCntSweetsGaufresChocolat {
      font-size: 1.14395vw; } }
  .txtBtmCntSweetsGaufresChocolat::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * .5em);
    content: ""; }
  .txtBtmCntSweetsGaufresChocolat::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtBtmCntSweetsGaufresChocolat {
      margin: 4.27% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtBtmCntSweetsGaufresChocolat {
      font-size: 3.2vw;
      line-height: 1.75;
      letter-spacing: 0.120em;
      text-indent: -0.120em;
      font-feature-settings: "palt";
      width: 100%;
      margin-top: 10px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center; }
      .txtBtmCntSweetsGaufresChocolat::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .txtBtmCntSweetsGaufresChocolat::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .txtBtmCntSweetsGaufresChocolat {
      margin: 2.66% 0% 0% 0%; } }

.btmSweetsGaufresChocolatWap {
  width: 22%;
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .btmSweetsGaufresChocolatWap {
      margin-top: 7.61%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .btmSweetsGaufresChocolatWap {
      width: 61.33%;
      margin-top: 17%; } }

.btmSweetsGaufresChocolat {
  display: block; }
  .btmSweetsGaufresChocolat img {
    max-width: 230px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (max-width: 1049px) {
      .btmSweetsGaufresChocolat img {
        max-width: 100%; } }


.GaufresChocolat_line{
	height: 75px;
	background-image: url(..//img/sweets/photoSweetsGaufresChocolatFx_line.webp);
	 background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	margin-bottom: 90px;
}


@media screen and (max-width: 767px) {
    .GaufresChocolat_line {
	height: 65px;
	background-image: url(..//img/sweets/photoSweetsGaufresChocolatFx_line_Sp.webp);	
		margin-bottom: 80px;
     
	} }








.bgTopSweetsChocolateTitle {
  height: 98px;
  background: url(../img/sweets/bgTopSweetsChocolateTitlePc.png);
  background-size: auto 100%;
  background-position: -0.5vw 0px; }
  @media screen and (max-width: 767px) {
    .bgTopSweetsChocolateTitle {
      height: 19.2vw;
      background: url(../img/sweets/bgTopSweetsChocolateTitleSp.png);
      background-size: auto 100%; } }

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

.h1SweetsChocolateTitle {
  letter-spacing: 0.08em;
  /*    text-indent: -0.08em;*/
  font-weight: 400; }
  @media screen and (min-width: 1050px) {
    .h1SweetsChocolateTitle {
      font-size: 58px; } }
  @media print, screen and (max-width: 1049px) {
    .h1SweetsChocolateTitle {
      font-size: 5.52908vw; } }
  @media screen and (max-width: 767px) {
    .h1SweetsChocolateTitle {
      width: 77.66%;
      font-size: 11.73333vw;
      line-height: 0.95455;
      margin: 0 auto; }
      .h1SweetsChocolateTitle::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 0.95455) * .5em);
        content: ""; }
      .h1SweetsChocolateTitle::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 0.95455) * .5em);
        content: ""; } }

.txtSweetsChocolateTitle {
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 200;
  margin-top: -2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1050px) {
    .txtSweetsChocolateTitle {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .txtSweetsChocolateTitle {
      font-size: 1.52526vw; } }
  @media print, screen and (max-width: 1049px) {
    .txtSweetsChocolateTitle {
      margin-top: -0.2%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtSweetsChocolateTitle {
      margin: 4.93% auto 0 auto;
      font-size: 4.26667vw;
      line-height: 1.75; }
      .txtSweetsChocolateTitle::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .txtSweetsChocolateTitle::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.txtTopSweetsChocolateTitle {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.88889;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  font-weight: 200; }
  @media print, screen and (max-width: 1049px) {
    .txtTopSweetsChocolateTitle {
      margin-top: 3.04%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 1050px) {
    .txtTopSweetsChocolateTitle {
      font-size: 18px; } }
  @media print, screen and (max-width: 1049px) {
    .txtTopSweetsChocolateTitle {
      font-size: 1.71592vw; } }
  .txtTopSweetsChocolateTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.88889) * .5em);
    content: ""; }
  .txtTopSweetsChocolateTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.88889) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .txtTopSweetsChocolateTitle {
      margin-top: 31px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      font-size: 4.26667vw;
      line-height: 1.75;
      letter-spacing: 0;
      text-indent: 0em; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .txtTopSweetsChocolateTitle {
      margin-top: 8.26%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
      .txtTopSweetsChocolateTitle::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .txtTopSweetsChocolateTitle::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.sweets_ChocolateProducts {
  padding-top: 104px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweets_ChocolateProducts {
      padding: 9.9% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweets_ChocolateProducts {
      padding-top: 52px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      overflow: hidden; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .sweets_ChocolateProducts {
      padding: 13.86% 0% 0% 0%; } }

.pcSweetsChocolateProducts {
  width: 96.38%;
  margin: 0 auto; }

.spSweetsChocolateProducts {
  padding: 0; }

.listPcSweetsChocolateProductsTop {
  width: 74.5%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between; }

.liPcSweetsChocolateProductsTop {
  width: 31.14%; }

.listPcSweetsChocolateProductsBtm {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  justify-content: space-between; }
  @media print, screen and (max-width: 1049px) {
    .listPcSweetsChocolateProductsBtm {
      margin-top: 3.85%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .listPcSweetsChocolateProductsBtm li {
    width: 23.02%; }
    .listPcSweetsChocolateProductsBtm li img {
      max-width: 233px; }
      @media print, screen and (max-width: 1049px) {
        .listPcSweetsChocolateProductsBtm li img {
          width: 100%; } }

.btmSweetsChocolateProducts {
  display: block; }
  .btmSweetsChocolateProducts .off {
    display: block; }
  .btmSweetsChocolateProducts .on {
    display: none; }
  .btmSweetsChocolateProducts img {
    max-width: 233px; }
    @media print, screen and (max-width: 1049px) {
      .btmSweetsChocolateProducts img {
        max-width: 100%; } }

.btmSweetsChocolateProducts:hover .off {
  display: none; }

.btmSweetsChocolateProducts:hover .on {
  display: block; }

.btmSweetsChocolateProducts:hover img {
  opacity: 1; }

.liSliderSweetsChocolateProducts {
  width: 62.13%; }
  @media screen and (max-width: 767px) {
    .liSliderSweetsChocolateProducts {
      width: 56.13%; } }

.btmSliderSweetsChocolateProducts:active img, .btmSliderSweetsChocolateProducts:hover img {
  opacity: 1; }

.sweets_ChocolateBunners {
  padding-top: 109px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweets_ChocolateBunners {
      padding: 5.67% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweets_ChocolateBunners {
      padding: 24.5% 0% 0% 0%; } }

.photoSweetsChocolateBunners {
  width: 96.38%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .photoSweetsChocolateBunners {
      width: 85.06%; } }
  .photoSweetsChocolateBunners img {
    max-width: 1012px; }
    @media print, screen and (max-width: 1049px) {
      .photoSweetsChocolateBunners img {
        max-width: 100%; } }

.sweetsChocolateProductsMenu {
  padding-top: 95px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweetsChocolateProductsMenu {
      padding: 4.94% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweetsChocolateProductsMenu {
      padding: 20.33% 0% 0% 0%; } }

.sweetsChocolateProductsMenuFx {
  width: 96,47%;
  margin: 0 auto;
  }
  @media screen and (max-width: 767px) {
    .sweetsChocolateProductsMenuFx {
      width: 85.06%; } }

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

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

.photoSweetsChocolateProductsMenu img {
  max-width: 506px; }
  @media print, screen and (max-width: 1049px) {
    .photoSweetsChocolateProductsMenu img {
      max-width: 100%; } }

.secSweetsChocolateProductsMenu {
  margin-top: 51px;
  margin-bottom: 0px;
  margin-left: 21px;
  margin-right: auto;
  width: 100%; }

@media print, screen and (max-width: 1049px) and (max-width: 1049px) {
  .secSweetsChocolateProductsMenu {
    margin-top: 10.07%;
    margin-bottom: 0%;
    margin-left: 4.15%;
    margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .secSweetsChocolateProductsMenu {
      margin: 5.5% auto 0 auto; } }

.h1SecSweetsChocolateProductsMenu {
  line-height: 1.71429;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 400; }
  @media screen and (min-width: 1050px) {
    .h1SecSweetsChocolateProductsMenu {
      font-size: 21px; } }
  @media print, screen and (max-width: 1049px) {
    .h1SecSweetsChocolateProductsMenu {
      font-size: 2.00191vw; } }
  .h1SecSweetsChocolateProductsMenu::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.71429) * .5em);
    content: ""; }
  .h1SecSweetsChocolateProductsMenu::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.71429) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .h1SecSweetsChocolateProductsMenu {
      font-size: 4.53333vw;
      line-height: 1;
      letter-spacing: 0.07em;
      text-indent: -0.07em; }
      .h1SecSweetsChocolateProductsMenu::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .h1SecSweetsChocolateProductsMenu::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }

.txtTopSecSweetsChocolateProductsMenu {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.61538;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
  font-weight: 400; }
  @media print, screen and (max-width: 1049px) {
    .txtTopSecSweetsChocolateProductsMenu {
      margin-top: 3.95%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 1050px) {
    .txtTopSecSweetsChocolateProductsMenu {
      font-size: 13px; } }
  @media print, screen and (max-width: 1049px) {
    .txtTopSecSweetsChocolateProductsMenu {
      font-size: 1.23928vw; } }
  .txtTopSecSweetsChocolateProductsMenu::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.61538) * .5em);
    content: ""; }
  .txtTopSecSweetsChocolateProductsMenu::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.61538) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .txtTopSecSweetsChocolateProductsMenu {
      margin-top: 5.67%;
      font-size: 3.46667vw;
      line-height: 1.61538;
      letter-spacing: 0em;
      text-indent: 0em; }
      .txtTopSecSweetsChocolateProductsMenu::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.61538) * .5em);
        content: ""; }
      .txtTopSecSweetsChocolateProductsMenu::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.61538) * .5em);
        content: ""; } }

.txtTopSecSweetsChocolateProductsMenu02 {
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  line-height: 1.61538;
  width: 91%;
  margin: 4% auto 0 0; }
  .txtTopSecSweetsChocolateProductsMenu02::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.61538) * .5em);
    content: ""; }
  .txtTopSecSweetsChocolateProductsMenu02::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.61538) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .txtTopSecSweetsChocolateProductsMenu02 {
      letter-spacing: 0.00em;
      text-indent: -0.00em;
      margin: 6% auto 0 0;
      width: 97%; } }

.txtPriceSecSweetsChocolateProductsMenu {
  margin-top: 54px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.3125;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 400; }
  @media print, screen and (max-width: 1049px) {
    .txtPriceSecSweetsChocolateProductsMenu {
      margin-top: 11%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 1050px) {
    .txtPriceSecSweetsChocolateProductsMenu {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .txtPriceSecSweetsChocolateProductsMenu {
      font-size: 1.52526vw; } }
  .txtPriceSecSweetsChocolateProductsMenu::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3125) * .5em);
    content: ""; }
  .txtPriceSecSweetsChocolateProductsMenu::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3125) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .txtPriceSecSweetsChocolateProductsMenu {
      margin-top: 7%;
      font-size: 4.26667vw;
      line-height: 1.75;
      letter-spacing: 0.04em;
      text-indent: -0.04em; }
      .txtPriceSecSweetsChocolateProductsMenu::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .txtPriceSecSweetsChocolateProductsMenu::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.txtPriceSecSweetsChocolateProductsMenu02 {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .txtPriceSecSweetsChocolateProductsMenu02 {
      margin-top: 6.52%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtPriceSecSweetsChocolateProductsMenu02 {
      letter-spacing: 0.06em;
      text-indent: -0.06em;
      margin-top: 43px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .txtPriceSecSweetsChocolateProductsMenu02 {
      margin-top: 13.47%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.rubySecSweetsChocolateProductsMenu {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.75;
  font-weight: 400; }
  @media print, screen and (max-width: 1049px) {
    .rubySecSweetsChocolateProductsMenu {
      margin-top: 2.76%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 1050px) {
    .rubySecSweetsChocolateProductsMenu {
      font-size: 12px; } }
  @media print, screen and (max-width: 1049px) {
    .rubySecSweetsChocolateProductsMenu {
      font-size: 1.14395vw; } }
  .rubySecSweetsChocolateProductsMenu::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * .5em);
    content: ""; }
  .rubySecSweetsChocolateProductsMenu::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .rubySecSweetsChocolateProductsMenu {
      margin-top: 12px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      font-size: 3.2vw;
      line-height: 1.75;
      letter-spacing: 0.11em;
      text-indent: -0.11em; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .rubySecSweetsChocolateProductsMenu {
      margin-top: 3.76%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
      .rubySecSweetsChocolateProductsMenu::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .rubySecSweetsChocolateProductsMenu::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.btmSweetsChocolateProductsMenuWap {
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 45.45%; }
  @media print, screen and (max-width: 1049px) {
    .btmSweetsChocolateProductsMenuWap {
      margin: 12.25% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .btmSweetsChocolateProductsMenuWap {
      margin-top: 61px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 72.1%; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .btmSweetsChocolateProductsMenuWap {
      margin-top: 19.12%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; 
      width: 230px; } }

  @media screen and (max-width: 440px) {
        .btmSweetsChocolateProductsMenuWap {
          margin-top: 61px;
          margin-bottom: 0px;
          margin-left: auto;
          margin-right: auto;
          width: 230px; } }



.btmSweetsChocolateProductsMenu {
  display: block; }

.btmSweetsChocolateProductsMenu img {
  max-width: 230px;
  display: block;
  margin-left: auto; }
  @media print, screen and (max-width: 1049px) {
    .btmSweetsChocolateProductsMenu img {
      max-width: 100%; } }

.sweetsChocolateProduct_space{
	padding-bottom: 322px;
}

 @media print, screen and (max-width: 1049px) {
    .sweetsChocolateProduct_space {
      padding-bottom: 22%; } }


 @media print, screen and (max-width: 767px) {
    .sweetsChocolateProduct_space {
      padding-bottom: 54%; } }






.sweets_ChocoateGraunch {
  padding-top: 148px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative; }
  @media print, screen and (max-width: 1049px) {
    .sweets_ChocoateGraunch {
      padding: 6.78% 0% 7.81% 0%; } }
  @media screen and (max-width: 767px) {
    .sweets_ChocoateGraunch {
      padding: 20.00% 0% 26.66% 0%; } }

.piTopSweetsChocoateGraunchWap {
  position: absolute;
  top: -2.4%;
  left: 0;
  right: 0;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .piTopSweetsChocoateGraunchWap {
      top: -1%; } }







.picTopSweetsChocoateGraunchWap {
  width: 32.57%;
  margin-left: auto;
  margin-right: auto;}
  @media screen and (max-width: 767px) {
    .picTopSweetsChocoateGraunchWap {
      width: 57.86%; } }
  .picTopSweetsChocoateGraunchWap img {
    max-width: 341px; }
    @media print, screen and (max-width: 1049px) {
      .picTopSweetsChocoateGraunchWap img {
        max-width: 100%; } }






.h1MainSweetsChocoateGraunch {
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  text-align: center; }
  @media screen and (min-width: 1050px) {
    .h1MainSweetsChocoateGraunch {
      font-size: 58px; } }
  @media print, screen and (max-width: 1049px) {
    .h1MainSweetsChocoateGraunch {
      font-size: 5.52908vw; } }
  .h1MainSweetsChocoateGraunch::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .h1MainSweetsChocoateGraunch::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .h1MainSweetsChocoateGraunch {
      font-size: 12.8vw;
      line-height: 0.9375;
      letter-spacing: 0.08em;
      text-indent: -0.08em;
      font-feature-settings: "palt";
      width: 100%;
      margin: auto; }
      .h1MainSweetsChocoateGraunch::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 0.9375) * .5em);
        content: ""; }
      .h1MainSweetsChocoateGraunch::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 0.9375) * .5em);
        content: ""; } }

.rubyMainSweetsChocoateGraunch {
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 200;
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center; }
  @media screen and (min-width: 1050px) {
    .rubyMainSweetsChocoateGraunch {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .rubyMainSweetsChocoateGraunch {
      font-size: 1.52526vw; } }
  .rubyMainSweetsChocoateGraunch::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .rubyMainSweetsChocoateGraunch::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .rubyMainSweetsChocoateGraunch {
      margin: 1.04% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .rubyMainSweetsChocoateGraunch {
      font-size: 4.26667vw;
      line-height: 1.75;
      letter-spacing: 0.080em;
      text-indent: -0.080em;
      font-feature-settings: "palt";
      width: 85.06%;
      margin: 5.5% auto 0 auto; }
      .rubyMainSweetsChocoateGraunch::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .rubyMainSweetsChocoateGraunch::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.txtMainSweetsChocoateGraunch {
  line-height: 1.88889;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  font-feature-settings: "palt";
  font-weight: 200;
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center; }
  @media screen and (min-width: 1050px) {
    .txtMainSweetsChocoateGraunch {
      font-size: 18px; } }
  @media print, screen and (max-width: 1049px) {
    .txtMainSweetsChocoateGraunch {
      font-size: 1.71592vw; } }
  .txtMainSweetsChocoateGraunch::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.88889) * .5em);
    content: ""; }
  .txtMainSweetsChocoateGraunch::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.88889) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtMainSweetsChocoateGraunch {
      margin: 3.52% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtMainSweetsChocoateGraunch {
      font-size: 4.26667vw;
      line-height: 1.75;
      letter-spacing: 0em;
      text-indent: 0em;
      font-feature-settings: "palt";
      width: 85.33%;
      margin-top: 30px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .txtMainSweetsChocoateGraunch::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .txtMainSweetsChocoateGraunch::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .txtMainSweetsChocoateGraunch {
      margin-top: 8%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.bnrMainSweetsChocoateGraunch {
  width: 80.47%;
  margin-top: 104px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .bnrMainSweetsChocoateGraunch {
      margin-top: 9.9%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .bnrMainSweetsChocoateGraunch {
      width: 85.06%;
      margin: 14.33% auto 0 auto; } }
  .bnrMainSweetsChocoateGraunch img {
    max-width: 844px; }
    @media print, screen and (max-width: 1049px) {
      .bnrMainSweetsChocoateGraunch img {
        max-width: 100%; } }

.ulSweetsChocoateGraunch {
  padding-left: 0;
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 80.47%; }
  @media print, screen and (max-width: 1049px) {
    .ulSweetsChocoateGraunch {
      margin-top: 4.47%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .ulSweetsChocoateGraunch {
      width: 85.06%;
      margin-top: 17.66%; } }

.liSweetsChocoateGraunch01 {
  width: 49.94%; }
  @media screen and (max-width: 767px) {
    .liSweetsChocoateGraunch01 {
      width: 100%; } }
  .liSweetsChocoateGraunch01 img {
    max-width: 422px; }
    @media print, screen and (max-width: 1049px) {
      .liSweetsChocoateGraunch01 img {
        max-width: 100%; } }

.liSweetsChocoateGraunch02 {
  width: 24.97%;
  margin-top: -0%; }
  @media screen and (max-width: 767px) {
    .liSweetsChocoateGraunch02 {
      width: 50%;
      margin: -0.34% 0% 0% 0%; } }
  .liSweetsChocoateGraunch02 img {
    max-width: 211px; }
    @media print, screen and (max-width: 1049px) {
      .liSweetsChocoateGraunch02 img {
        max-width: 100%; } }

.liSweetsChocoateGraunch03 {
  width: 24.97%;
  margin-top: -0%; }
  @media screen and (max-width: 767px) {
    .liSweetsChocoateGraunch03 {
      width: 50%;
      margin: 1% 0% 0% 0%; } }
  .liSweetsChocoateGraunch03 img {
    max-width: 211px; }
    @media print, screen and (max-width: 1049px) {
      .liSweetsChocoateGraunch03 img {
        max-width: 100%; } }

.detailSweetsChocoateGraunch {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .detailSweetsChocoateGraunch {
      margin-top: 2.57%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .detailSweetsChocoateGraunch {
      margin-top: 8.66%; } }

.h1DetailSweetsChocoateGraunch {
  line-height: 1.75;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .h1DetailSweetsChocoateGraunch {
      font-size: 21px; } }
  @media print, screen and (max-width: 1049px) {
    .h1DetailSweetsChocoateGraunch {
      font-size: 2.00191vw; } }
  .h1DetailSweetsChocoateGraunch::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * .5em);
    content: ""; }
  .h1DetailSweetsChocoateGraunch::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .h1DetailSweetsChocoateGraunch {
      margin: 0% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .h1DetailSweetsChocoateGraunch {
      font-size: 4.53333vw;
      line-height: 1;
      letter-spacing: 0.08em;
      text-indent: -0.08em;
      font-feature-settings: "palt";
      width: 100%;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .h1DetailSweetsChocoateGraunch::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .h1DetailSweetsChocoateGraunch::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .h1DetailSweetsChocoateGraunch {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.rubyDetailSweetsChocoateGraunch {
  line-height: 1.61538;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .rubyDetailSweetsChocoateGraunch {
      font-size: 13px; } }
  @media print, screen and (max-width: 1049px) {
    .rubyDetailSweetsChocoateGraunch {
      font-size: 1.23928vw; } }
  .rubyDetailSweetsChocoateGraunch::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.61538) * .5em);
    content: ""; }
  .rubyDetailSweetsChocoateGraunch::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.61538) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .rubyDetailSweetsChocoateGraunch {
      margin: 1.8% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .rubyDetailSweetsChocoateGraunch {
      font-size: 3.46667vw;
      line-height: 1.64538;
      letter-spacing: 0em;
      text-indent: 0em;
      font-feature-settings: "palt";
      width: 85.33%;
      margin: 4.66% auto 0 auto; } }

.priceDetailSweetsChocoateGraunch {
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .priceDetailSweetsChocoateGraunch {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .priceDetailSweetsChocoateGraunch {
      font-size: 1.52526vw; } }
  .priceDetailSweetsChocoateGraunch::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .priceDetailSweetsChocoateGraunch::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .priceDetailSweetsChocoateGraunch {
      margin: 3.42% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .priceDetailSweetsChocoateGraunch {
      font-size: 4.26667vw;
      line-height: 1.75;
      letter-spacing: 0.06em;
      text-indent: -0.06em;
      font-feature-settings: "palt";
      width: 100%;
      margin-top: 6%; }
      .priceDetailSweetsChocoateGraunch::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .priceDetailSweetsChocoateGraunch::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.tysyakuDetailSweetsChocoateGraunch {
  line-height: 1.75;
  letter-spacing: 0em;
  text-indent: 0em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .tysyakuDetailSweetsChocoateGraunch {
      font-size: 12px; } }
  @media print, screen and (max-width: 1049px) {
    .tysyakuDetailSweetsChocoateGraunch {
      font-size: 1.14395vw; } }
  .tysyakuDetailSweetsChocoateGraunch::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * .5em);
    content: ""; }
  .tysyakuDetailSweetsChocoateGraunch::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .tysyakuDetailSweetsChocoateGraunch {
      margin: 1.52% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .tysyakuDetailSweetsChocoateGraunch {
      font-size: 3.2vw;
      line-height: 1.75;
      letter-spacing: 0.12em;
      text-indent: -0.12em;
      font-feature-settings: "palt";
      width: 85.33%;
      margin: 2.03% auto 0 auto; }
      .tysyakuDetailSweetsChocoateGraunch::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .tysyakuDetailSweetsChocoateGraunch::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.btmDetailSweetsChocoateGraunchWap {
  width: 22%;
  margin-top: 92px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .btmDetailSweetsChocoateGraunchWap {
      margin-top: 8.76%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .btmDetailSweetsChocoateGraunchWap {
      width: 61.33%;
      margin-top: 16.5%; } }

.btmDetailSweetsChocoateGraunch {
  display: block; }
  .btmDetailSweetsChocoateGraunch img {
    max-width: 230px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (max-width: 1049px) {
      .btmDetailSweetsChocoateGraunch img {
        max-width: 100%; } }

.bgSweetsKobePierTop {
    background: url(../img/sweets/bgSweetsPierCrunchPc.png) no-repeat top center;
    background-size: 100% auto;
    height: 5.10417vw;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto; }



  @media screen and (max-width: 767px) {
    .bgSweetsKobePierTop {
      background: url(../img/sweets/bgSweetsKobePierTopSp.png) no-repeat top center;
      background-size: auto 100%;
      height: 19.2vw; } }

.SweetsKobePierTopWap {
  margin-top: 126px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .SweetsKobePierTopWap {
      margin-top: 6.56%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .SweetsKobePierTopWap {
      margin-top: 26%; } }

.h1SecSweetsKobePierTop {
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400; }
  @media screen and (min-width: 1050px) {
    .h1SecSweetsKobePierTop {
      font-size: 58px; } }
  @media print, screen and (max-width: 1049px) {
    .h1SecSweetsKobePierTop {
      font-size: 5.52908vw; } }
  .h1SecSweetsKobePierTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .h1SecSweetsKobePierTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .h1SecSweetsKobePierTop {
      font-size: 11.73333vw;
      line-height: 0.95455;
      letter-spacing: 0.08em;
      text-indent: -0.08em;
      font-feature-settings: "palt";
      width: 85.06%;
      margin: auto; }
      .h1SecSweetsKobePierTop::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 0.95455) * .5em);
        content: ""; }
      .h1SecSweetsKobePierTop::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 0.95455) * .5em);
        content: ""; } }

.rubySecSweetsKobePierTop {
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .rubySecSweetsKobePierTop {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .rubySecSweetsKobePierTop {
      font-size: 1.52526vw; } }
  .rubySecSweetsKobePierTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .rubySecSweetsKobePierTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .rubySecSweetsKobePierTop {
      margin: 0.95% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .rubySecSweetsKobePierTop {
      font-size: 4.26667vw;
      line-height: 1.75;
      letter-spacing: 0.080em;
      text-indent: -0.080em;
      font-feature-settings: "palt";
      width: 100%;
      margin-top: 4.66%; }
      .rubySecSweetsKobePierTop::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .rubySecSweetsKobePierTop::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.txtSecSweetsKobePierTop {
  line-height: 1.88889;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  font-feature-settings: "palt";
  font-weight: 200;
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .txtSecSweetsKobePierTop {
      font-size: 18px; } }
  @media print, screen and (max-width: 1049px) {
    .txtSecSweetsKobePierTop {
      font-size: 1.71592vw; } }
  .txtSecSweetsKobePierTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.88889) * .5em);
    content: ""; }
  .txtSecSweetsKobePierTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.88889) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtSecSweetsKobePierTop {
      margin: 3.52% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtSecSweetsKobePierTop {
      font-size: 4.26667vw;
      line-height: 1.75;
      letter-spacing: 0em;
      text-indent: 0em;
      font-feature-settings: "palt";
      width: 85.33%;
      margin-top: 8.5%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; }
      .txtSecSweetsKobePierTop::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .txtSecSweetsKobePierTop::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.picSecSweetsKobePierTop {
  margin-top: 104px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 80.47%; }
  @media print, screen and (max-width: 1049px) {
    .picSecSweetsKobePierTop {
      margin-top: 9.9%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .picSecSweetsKobePierTop {
      margin-top: 14.33%;
      width: 85.06%; } }
  .picSecSweetsKobePierTop img {
    max-width: 844px; }
    @media print, screen and (max-width: 1049px) {
      .picSecSweetsKobePierTop img {
        max-width: 100%; } }

.sweetsKobePierFlavour {
  padding-top: 101px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweetsKobePierFlavour {
      padding: 5.26% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweetsKobePierFlavour {
      padding-top: 80px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .sweetsKobePierFlavour {
      padding: 21.33% 0% 0% 0%; } }

.h1SecsweetsKobePierFlavour {
  line-height: 1.75605;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400; }
  @media screen and (min-width: 1050px) {
    .h1SecsweetsKobePierFlavour {
      font-size: 43px; } }
  @media print, screen and (max-width: 1049px) {
    .h1SecsweetsKobePierFlavour {
      font-size: 4.09914vw; } }
  .h1SecsweetsKobePierFlavour::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75605) * .5em);
    content: ""; }
  .h1SecsweetsKobePierFlavour::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75605) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .h1SecsweetsKobePierFlavour {
      font-size: 9.87733vw;
      line-height: 1.75;
      letter-spacing: 0.08em;
      text-indent: -0.08em;
      font-feature-settings: "palt";
      width: 85.06%;
      margin: auto; }
      .h1SecsweetsKobePierFlavour::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .h1SecsweetsKobePierFlavour::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.picSecsweetsKobePierFlavour {
  width: 96.47%;
  margin-top: 93px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .picSecsweetsKobePierFlavour {
      margin-top: 8.85%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .picSecsweetsKobePierFlavour {
      width: 100%;
      margin: 17% auto 0 auto; } }
  .picSecsweetsKobePierFlavour img {
    max-width: 1012px; }
    @media print, screen and (max-width: 1049px) {
      .picSecsweetsKobePierFlavour img {
        max-width: 100%; } }

.sweetsKobePierProducts {
  padding-top: 95px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweetsKobePierProducts {
      padding: 4.94% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweetsKobePierProducts {
      padding: 20.33% 0% 0% 0%; } }

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

.picSecsweetsKobePierProducts {
  width: 49.95%; }
  @media screen and (max-width: 767px) {
    .picSecsweetsKobePierProducts {
      width: 100%; } }
  .picSecsweetsKobePierProducts img {
    max-width: 506px; }
    @media print, screen and (max-width: 1049px) {
      .picSecsweetsKobePierProducts img {
        max-width: 100%; } }

.secSweetsKobePierProductsFx {
  width: 49.95%;
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .secSweetsKobePierProductsFx {
      margin: 3.65% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .secSweetsKobePierProductsFx {
      width: 100%;
      margin: 5.75% 0% 0% 0%; } }

.h2SweetsKobePierProductsFx {
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400; }
  @media screen and (min-width: 1050px) {
    .h2SweetsKobePierProductsFx {
      font-size: 21px; } }
  @media print, screen and (max-width: 1049px) {
    .h2SweetsKobePierProductsFx {
      font-size: 2.00191vw; } }
  .h2SweetsKobePierProductsFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .h2SweetsKobePierProductsFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .h2SweetsKobePierProductsFx {
      font-size: 4.53333vw;
      line-height: 1;
      letter-spacing: 0.08em;
      text-indent: -0.08em;
      font-feature-settings: "palt";
      margin: auto; }
      .h2SweetsKobePierProductsFx::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .h2SweetsKobePierProductsFx::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }

.txtGenreSweetsKobePierProductsFx {
  line-height: 1.61538;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  width: 98%;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .txtGenreSweetsKobePierProductsFx {
      font-size: 13px; } }
  @media print, screen and (max-width: 1049px) {
    .txtGenreSweetsKobePierProductsFx {
      font-size: 1.23928vw; } }
  .txtGenreSweetsKobePierProductsFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.61538) * .5em);
    content: ""; }
  .txtGenreSweetsKobePierProductsFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.61538) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtGenreSweetsKobePierProductsFx {
      margin: 4.54% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtGenreSweetsKobePierProductsFx {
      font-size: 3.46667vw;
      line-height: 1.61538;
      letter-spacing: 0.00em;
      text-indent: -0.00em;
      font-feature-settings: "palt";
      margin: 6.13% 0% 0% 0%;
      width: 100%; }
      .txtGenreSweetsKobePierProductsFx::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.61538) * .5em);
        content: ""; }
      .txtGenreSweetsKobePierProductsFx::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.61538) * .5em);
        content: ""; } }

.priceSweetsKobePierProductsFx {
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .priceSweetsKobePierProductsFx {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .priceSweetsKobePierProductsFx {
      font-size: 1.52526vw; } }
  .priceSweetsKobePierProductsFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .priceSweetsKobePierProductsFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .priceSweetsKobePierProductsFx {
      margin: 7.31% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .priceSweetsKobePierProductsFx {
      font-size: 4.26667vw;
      line-height: 1.75;
      letter-spacing: 0.05em;
      text-indent: -0.06em;
      font-feature-settings: "palt";
      margin: 7% 0% 0% 0%; }
      .priceSweetsKobePierProductsFx::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .priceSweetsKobePierProductsFx::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.arerugenSweetsKobePierProductsFx {
  line-height: 1.75;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .arerugenSweetsKobePierProductsFx {
      font-size: 12px; } }
  @media print, screen and (max-width: 1049px) {
    .arerugenSweetsKobePierProductsFx {
      font-size: 1.14395vw; } }
  .arerugenSweetsKobePierProductsFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * .5em);
    content: ""; }
  .arerugenSweetsKobePierProductsFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .arerugenSweetsKobePierProductsFx {
      margin: 5.13% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .arerugenSweetsKobePierProductsFx {
      font-size: 3.2vw;
      line-height: 1.75;
      letter-spacing: 0.12em;
      text-indent: -0.12em;
      font-feature-settings: "palt";
      margin: 3.4% 0% 0% 0%; }
      .arerugenSweetsKobePierProductsFx::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .arerugenSweetsKobePierProductsFx::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.txtSweetsKobePierProductsFx {
  line-height: 1.75;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .txtSweetsKobePierProductsFx {
      font-size: 11px; } }
  @media print, screen and (max-width: 1049px) {
    .txtSweetsKobePierProductsFx {
      font-size: 1.04862vw; } }
  .txtSweetsKobePierProductsFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * .5em);
    content: ""; }
  .txtSweetsKobePierProductsFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtSweetsKobePierProductsFx {
      margin: 1.97% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtSweetsKobePierProductsFx {
      font-size: 2.66667vw;
      line-height: 1;
      letter-spacing: 0.08em;
      text-indent: -0.08em;
      font-feature-settings: "palt";
      margin: 5.25% 0% 0% 0%; }
      .txtSweetsKobePierProductsFx::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1) * .5em);
        content: ""; }
      .txtSweetsKobePierProductsFx::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1) * .5em);
        content: ""; } }

.btmSweetsKobePierProductsBox {
  width: 22%;
  margin-top: 76px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .btmSweetsKobePierProductsBox {
      margin-top: 7.23%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .btmSweetsKobePierProductsBox {
      width: 61.33%;
      margin: 16.2% auto 0% auto; } }

.btmSweetsKobePierProducts {
  display: block; }
  .btmSweetsKobePierProducts img {
    max-width: 230px;
    display: block;
    margin-left: auto;
    margin-right: auto; }

.sweetsPierCrunch {
  padding-top: 148px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweetsPierCrunch {
      padding: 7.7% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweetsPierCrunch {
      padding-top: 99px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .sweetsPierCrunch {
      padding: 26.4% 0% 0% 0%; } }

.secSweetsPierCrunch {
  width: 80.38%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .secSweetsPierCrunch {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .secSweetsPierCrunch {
      width: 85.06%; } }

.h1SecSweetsPierCrunch {
  font-weight: 500;
  letter-spacing: 0.08em;
  text-indent: -0.08em; }
  @media screen and (min-width: 1050px) {
    .h1SecSweetsPierCrunch {
      font-size: 58px; } }
  @media print, screen and (max-width: 1049px) {
    .h1SecSweetsPierCrunch {
      font-size: 5.52908vw; } }
  @media screen and (max-width: 767px) {
    .h1SecSweetsPierCrunch {
      letter-spacing: 0.069em;
      text-indent: -0.069em;
      font-size: 11.73333vw; } }

.rubySecSweetsPierCrunch {
  font-weight: 200;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  margin-top: -3px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .rubySecSweetsPierCrunch {
      margin-top: -0.36%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 1050px) {
    .rubySecSweetsPierCrunch {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .rubySecSweetsPierCrunch {
      font-size: 1.52526vw; } }
  @media screen and (max-width: 767px) {
    .rubySecSweetsPierCrunch {
      margin-top: 1.84%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto;
      font-size: 4.26667vw; } }

.txtSecSweetsPierCrunch {
  font-weight: 200;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1050px) {
    .txtSecSweetsPierCrunch {
      font-size: 18px; } }
  @media print, screen and (max-width: 1049px) {
    .txtSecSweetsPierCrunch {
      font-size: 1.71592vw; } }
  @media print, screen and (max-width: 1049px) {
    .txtSecSweetsPierCrunch {
      margin-top: 3.43%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtSecSweetsPierCrunch {
      font-size: 4.26667vw;
      margin: 8.75% auto 0 auto; } }

.picSecSweetsPierCrunch {
  width: 100%;
  margin-top: 101px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .picSecSweetsPierCrunch {
      margin-top: 11.96%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .picSecSweetsPierCrunch {
      margin: 15.5% auto 0 auto; } }
  .picSecSweetsPierCrunch img {
    display: block;
    height: auto;
    max-width: 844px; }
    @media print, screen and (max-width: 1049px) {
      .picSecSweetsPierCrunch img {
        max-width: 100%; } }

.secSweetsPierCrunchFx {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .secSweetsPierCrunchFx {
      margin-top: 5.92%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .secSweetsPierCrunchFx {
      margin-top: 50px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .secSweetsPierCrunchFx {
      margin-top: 15.67%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.picsecSweetsPierCrunchFx01 {
  width: 100%; }
  .picsecSweetsPierCrunchFx01 img {
    display: block;
    height: auto;
    max-width: 844px; }
    @media print, screen and (max-width: 1049px) {
      .picsecSweetsPierCrunchFx01 img {
        max-width: 100%; } }

.mainSweetsPierCrunch {
  margin-top: 61px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .mainSweetsPierCrunch {
      margin-top: 7.22%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .mainSweetsPierCrunch {
      margin: 6.9% auto 0 auto; } }

.h2mainSweetsPierCrunch {
  font-weight: 400;
  letter-spacing: 0.08em;
  text-indent: -0.08em; }
  @media screen and (min-width: 1050px) {
    .h2mainSweetsPierCrunch {
      font-size: 21px; } }
  @media print, screen and (max-width: 1049px) {
    .h2mainSweetsPierCrunch {
      font-size: 2.00191vw; } }
  @media screen and (max-width: 767px) {
    .h2mainSweetsPierCrunch {
      font-size: 4.53333vw; } }

.txtPoductMainSweetsPierCrunch {
  font-weight: 400;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  line-height: 1.61538;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1050px) {
    .txtPoductMainSweetsPierCrunch {
      font-size: 13px; } }
  @media print, screen and (max-width: 1049px) {
    .txtPoductMainSweetsPierCrunch {
      font-size: 1.23928vw; } }
  .txtPoductMainSweetsPierCrunch::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.61538) * .5em);
    content: ""; }
  .txtPoductMainSweetsPierCrunch::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.61538) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtPoductMainSweetsPierCrunch {
      margin-top: 2.25%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtPoductMainSweetsPierCrunch {
      font-size: 3.46667vw;
      line-height: 1.61538;
      margin: 6.2% auto 0 auto;
      letter-spacing: 0;
      text-indent: 0; }
      .txtPoductMainSweetsPierCrunch::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.61538) * .5em);
        content: ""; }
      .txtPoductMainSweetsPierCrunch::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.61538) * .5em);
        content: ""; } }

.txtPriceMainSweetsPierCrunch {
  font-weight: 400;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1050px) {
    .txtPriceMainSweetsPierCrunch {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .txtPriceMainSweetsPierCrunch {
      font-size: 1.52526vw; } }
  @media print, screen and (max-width: 1049px) {
    .txtPriceMainSweetsPierCrunch {
      margin-top: 3.67%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtPriceMainSweetsPierCrunch {
      letter-spacing: 0.05em;
      font-size: 4.26667vw;
      margin: 6.5% auto 0 auto; } }

.txtTyusyakuMainSweetsPierCrunch {
  font-weight: 400;
  line-height: 1.75;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1050px) {
    .txtTyusyakuMainSweetsPierCrunch {
      font-size: 12px; } }
  @media print, screen and (max-width: 1049px) {
    .txtTyusyakuMainSweetsPierCrunch {
      font-size: 1.14395vw; } }
  .txtTyusyakuMainSweetsPierCrunch::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * .5em);
    content: ""; }
  .txtTyusyakuMainSweetsPierCrunch::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtTyusyakuMainSweetsPierCrunch {
      margin-top: 1.18%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .txtTyusyakuMainSweetsPierCrunch {
      letter-spacing: 0.12em;
      font-size: 3.2vw;
      line-height: 1.75;
      margin: 3.2% auto 0 auto; }
      .txtTyusyakuMainSweetsPierCrunch::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .txtTyusyakuMainSweetsPierCrunch::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }

.btMainSweetsPierCrunch {
  display: block;
  width: 27.25%;
  margin-top: 94px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .btMainSweetsPierCrunch {
      margin-top: 11.13%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .btMainSweetsPierCrunch {
      width: 72.1%;
      margin: 20.2% auto 0 auto; } }
  .btMainSweetsPierCrunch img {
    max-width: 230px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (max-width: 1049px) {
      .btMainSweetsPierCrunch img {
        max-width: 100%; } }

.bgSweetsPierCrunch {
  background: url(../img/sweets/bgSweetsPierCrunchPc.png) no-repeat top center;
  background-size: 100% auto;
  height: 5.10417vw;
  margin-top: 150px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .bgSweetsPierCrunch {
      margin-top: 7.81%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .bgSweetsPierCrunch {
      background: url(../img/sweets/bgSweetsPierCrunchSp.png) no-repeat top center;
      background-size: 100% auto;
      height: 19.2vw;
      margin-top: 100px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .bgSweetsPierCrunch {
      margin-top: 26.66%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.sweets_AssortedBox {
  padding-top: 117px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweets_AssortedBox {
      padding: 6.09% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweets_AssortedBox {
      padding-top: 89px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .sweets_AssortedBox {
      padding: 23.73% 0% 0% 0%; } }

.h1sweetsAssortedBox {
  font-weight: 400;
  letter-spacing: 0.077em; }
  @media screen and (min-width: 1050px) {
    .h1sweetsAssortedBox {
      font-size: 58px; } }
  @media print, screen and (max-width: 1049px) {
    .h1sweetsAssortedBox {
      font-size: 5.52908vw; } }
  @media screen and (max-width: 767px) {
    .h1sweetsAssortedBox {
      font-size: 11.73333vw; } }

.rubysweetsAssortedBox {
  font-weight: 200;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  margin-top: -3px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .rubysweetsAssortedBox {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .rubysweetsAssortedBox {
      font-size: 1.52526vw; } }
  @media print, screen and (max-width: 1049px) {
    .rubysweetsAssortedBox {
      margin: -0.29% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .rubysweetsAssortedBox {
      font-size: 4.26667vw;
      margin: 1.71% 0% 0% 0%; } }

.txtsweetsAssortedBox {
  font-weight: 200;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  line-height: 1.88889;
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .txtsweetsAssortedBox {
      font-size: 18px; } }
  @media print, screen and (max-width: 1049px) {
    .txtsweetsAssortedBox {
      font-size: 1.71592vw; } }
  .txtsweetsAssortedBox::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.88889) * .5em);
    content: ""; }
  .txtsweetsAssortedBox::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.88889) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .txtsweetsAssortedBox {
      margin: 3.14% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .txtsweetsAssortedBox {
      font-size: 4.26667vw;
      line-height: 1.75;
      width: 85.06%;
      letter-spacing: -0.02em;
      text-indent: 0.02em;
      margin-top: 31.5px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .txtsweetsAssortedBox::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .txtsweetsAssortedBox::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .txtsweetsAssortedBox {
      margin-top: 8.4%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.photosweetsAssortedBox {
  width: 80.38%;
  margin-top: 104px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .photosweetsAssortedBox {
      margin-top: 9.9%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .photosweetsAssortedBox {
      width: 85.06%;
      margin-top: 53px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .photosweetsAssortedBox {
      margin-top: 14.13%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .photosweetsAssortedBox img {
    display: block;
    height: auto;
    max-width: 844px; }
    @media print, screen and (max-width: 1049px) {
      .photosweetsAssortedBox img {
        max-width: 100%; } }

.photosweetsAssortedBoxBottom {
  width: 80.38%;
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .photosweetsAssortedBoxBottom {
      margin-top: 4.76%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .photosweetsAssortedBoxBottom {
      width: 85.06%;
      margin-top: 20px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .photosweetsAssortedBoxBottom {
      margin-top: 5.33%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .photosweetsAssortedBoxBottom img {
    display: block;
    height: auto;
    max-width: 844px; }
    @media print, screen and (max-width: 1049px) {
      .photosweetsAssortedBoxBottom img {
        max-width: 100%; } }

.h2sweetsAssortedBoxBottom {
  font-weight: 400;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .h2sweetsAssortedBoxBottom {
      font-size: 21px; } }
  @media print, screen and (max-width: 1049px) {
    .h2sweetsAssortedBoxBottom {
      font-size: 2.00191vw; } }
  @media print, screen and (max-width: 1049px) {
    .h2sweetsAssortedBoxBottom {
      margin: 5.9% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .h2sweetsAssortedBoxBottom {
      font-size: 4.53333vw;
      margin-top: 22px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .h2sweetsAssortedBoxBottom {
      margin: 5.86% 0% 0% 0%; } }

.prefsweetsAssortedBoxBottom {
  font-weight: 400;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  line-height: 1.61538;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .prefsweetsAssortedBoxBottom {
      font-size: 13px; } }
  @media print, screen and (max-width: 1049px) {
    .prefsweetsAssortedBoxBottom {
      font-size: 1.23928vw; } }
  .prefsweetsAssortedBoxBottom::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.61538) * .5em);
    content: ""; }
  .prefsweetsAssortedBoxBottom::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.61538) * .5em);
    content: ""; }
  @media print, screen and (max-width: 1049px) {
    .prefsweetsAssortedBoxBottom {
      margin: 1.9% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .prefsweetsAssortedBoxBottom {
      letter-spacing: 0;
      text-indent: 0;
      font-size: 3.46667vw;
      line-height: 1.61538;
      width: 85.06%;
      margin-top: 17.5px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .prefsweetsAssortedBoxBottom::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.61538) * .5em);
        content: ""; }
      .prefsweetsAssortedBoxBottom::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.61538) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .prefsweetsAssortedBoxBottom {
      margin-top: 4.66%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.sweetsAssortedBoxPrice {
  font-weight: 400;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .sweetsAssortedBoxPrice {
      font-size: 16px; } }
  @media print, screen and (max-width: 1049px) {
    .sweetsAssortedBoxPrice {
      font-size: 1.52526vw; } }
  @media print, screen and (max-width: 1049px) {
    .sweetsAssortedBoxPrice {
      margin: 3.33% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweetsAssortedBoxPrice {
      font-size: 4.26667vw;
      margin: 6.06% 0% 0% 0%; } }

.sweetsAssortedBoxhinmoku {
  font-weight: 400;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .sweetsAssortedBoxhinmoku {
      font-size: 12px; } }
  @media print, screen and (max-width: 1049px) {
    .sweetsAssortedBoxhinmoku {
      font-size: 1.14395vw; } }
  @media print, screen and (max-width: 1049px) {
    .sweetsAssortedBoxhinmoku {
      margin: 0.66% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweetsAssortedBoxhinmoku {
      letter-spacing: 0.12em;
      font-size: 3.2vw;
      line-height: 1.75;
      margin-top: 14px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; }
      .sweetsAssortedBoxhinmoku::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.75) * .5em);
        content: ""; }
      .sweetsAssortedBoxhinmoku::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.75) * .5em);
        content: ""; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .sweetsAssortedBoxhinmoku {
      margin: 3.73% 0% 0% 0%; } }

.btmsweets_AssortedBoxWap {
  width: 21.9%;
  margin-top: 84px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .btmsweets_AssortedBoxWap {
      margin-top: 8%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .btmsweets_AssortedBoxWap {
      width: 61.33%;
      margin-top: 61px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .btmsweets_AssortedBoxWap {
      margin-top: 16.26%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

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

.bgSweets_SpecialPackage {
  background-image: url(../img/sweets/sweets_SpecialPackagePc.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto; }
  @media screen and (max-width: 767px) {
    .bgSweets_SpecialPackage {
      background-image: url(../img/sweets/sweets_SpecialPackageSp.png);
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: 100% auto; } }

.bgSweets_SpecialPackage {
  padding-top: 150px;
  padding-bottom: 478px;
  padding-left: 0px;
  padding-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .bgSweets_SpecialPackage {
      padding: 7.81% 0% 24.89% 0%; } }
  @media screen and (max-width: 767px) {
    .bgSweets_SpecialPackage {
      padding-top: 100px;
      padding-bottom: 373px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .bgSweets_SpecialPackage {
      padding: 26.66% 0% 99.46% 0%; } }

.sweets_SpecialPackageInner {
  background: #483F43;
  border: 1px solid #FFFFFF;
  width: 96.38%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 55px;
  padding-bottom: 57px;
  padding-left: 109px;
  padding-right: 109px; }
  @media print, screen and (max-width: 1049px) {
    .sweets_SpecialPackageInner {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media print, screen and (max-width: 1049px) {
    .sweets_SpecialPackageInner {
      padding: 5.23% 10.38% 5.42% 10.38%; } }
  @media screen and (max-width: 767px) {
    .sweets_SpecialPackageInner {
      width: 85.06%;
      padding: 17.33% 3.73% 17% 3.73%; } }

.h1sweets_SpecialPackag {
  font-weight: 400;
  letter-spacing: 0.08em; }
  @media screen and (min-width: 1050px) {
    .h1sweets_SpecialPackag {
      font-size: 58px; } }
  @media print, screen and (max-width: 1049px) {
    .h1sweets_SpecialPackag {
      font-size: 5.52908vw; } }
  @media screen and (max-width: 767px) {
    .h1sweets_SpecialPackag {
      font-size: 12.8vw;
      line-height: 1.02083; }
      .h1sweets_SpecialPackag::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.02083) * .5em);
        content: ""; }
      .h1sweets_SpecialPackag::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.02083) * .5em);
        content: ""; } }

.rubysweets_SpecialPackag {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .rubysweets_SpecialPackag {
      font-size: 25px; } }
  @media print, screen and (max-width: 1049px) {
    .rubysweets_SpecialPackag {
      font-size: 2.38322vw; } }
  @media print, screen and (max-width: 1049px) {
    .rubysweets_SpecialPackag {
      margin: 1.58% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .rubysweets_SpecialPackag {
      font-size: 5.33333vw;
      line-height: 1.55;
      margin: 9.87% 0% 0% 0%; }
      .rubysweets_SpecialPackag::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.55) * .5em);
        content: ""; }
      .rubysweets_SpecialPackag::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.55) * .5em);
        content: ""; } }

.sweets_SpecialPackageFx {
  width: 100%;
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media print, screen and (max-width: 1049px) {
    .sweets_SpecialPackageFx {
      margin: 3.16% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .sweets_SpecialPackageFx {
      width: 64%;
      margin-top: 10.4%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.sweets_SpecialPackageFig {
  width: 29.1%; }
  @media screen and (max-width: 767px) {
    .sweets_SpecialPackageFig {
      width: 100%; } }
  .sweets_SpecialPackageFig img {
    display: block;
    height: auto;
    max-width: 230x; }
    @media print, screen and (max-width: 1049px) {
      .sweets_SpecialPackageFig img {
        max-width: 100%; } }

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

.prefsweets_SpecialPackag {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .prefsweets_SpecialPackag {
      font-size: 18px; } }
  @media print, screen and (max-width: 1049px) {
    .prefsweets_SpecialPackag {
      font-size: 1.71592vw; } }
  @media print, screen and (max-width: 1049px) {
    .prefsweets_SpecialPackag {
      margin: 3.85% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .prefsweets_SpecialPackag {
      font-size: 4vw;
      line-height: 1.73333;
      margin: 16.1% 0% 0% 0%; }
      .prefsweets_SpecialPackag::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.73333) * .5em);
        content: ""; }
      .prefsweets_SpecialPackag::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.73333) * .5em);
        content: ""; } }

.h3sweets_SpecialPackag {
  font-weight: 400;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  margin-top: 105px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (min-width: 1050px) {
    .h3sweets_SpecialPackag {
      font-size: 24px; } }
  @media print, screen and (max-width: 1049px) {
    .h3sweets_SpecialPackag {
      font-size: 2.28789vw; } }
  @media print, screen and (max-width: 1049px) {
    .h3sweets_SpecialPackag {
      margin: 10.37% 0% 0% 0%; } }
  @media screen and (max-width: 767px) {
    .h3sweets_SpecialPackag {
      font-size: 5.86667vw;
      line-height: 1.72727;
      margin: 28.09% 0% 0% 0%; }
      .h3sweets_SpecialPackag::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.72727) * .5em);
        content: ""; }
      .h3sweets_SpecialPackag::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.72727) * .5em);
        content: ""; } }

.bottomsweets_SpecialPackag {
  width: 86.8%;
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .bottomsweets_SpecialPackag {
      margin-top: 3.06%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .bottomsweets_SpecialPackag {
      width: 100%;
      margin-top: 14px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .bottomsweets_SpecialPackag {
      margin-top: 4.38%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .bottomsweets_SpecialPackag img {
    display: block;
    height: auto;
    max-width: 684x; }
    @media print, screen and (max-width: 1049px) {
      .bottomsweets_SpecialPackag img {
        max-width: 100%; } }

@media screen and (max-width: 767px) {
  .bottomsweets_SpecialPackagTxt {
    line-height: 1.4;
    font-size: 4vw;
    margin: 1.9% auto 0 auto;
    letter-spacing: 0.025em;
    text-indent: -0.025em; }
    .bottomsweets_SpecialPackagTxt::before {
      display: block;
      width: 0;
      height: 0;
      margin-top: calc((1 - 1.4) * .5em);
      content: ""; }
    .bottomsweets_SpecialPackagTxt::after {
      display: block;
      width: 0;
      height: 0;
      margin-bottom: calc((1 - 1.4) * .5em);
      content: ""; } }

.btmSweetsKobePierProductsWap {
  width: 32.38%;
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 1049px) {
    .btmSweetsKobePierProductsWap {
      margin-top: 6.66%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .btmSweetsKobePierProductsWap {
      width: 85.06%;
      margin: 17% auto 0 auto; } }

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

.prefsweets_SpecialPackagBottom {
  font-weight: 200;
  margin-top: 116px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0; }
  @media screen and (min-width: 1050px) {
    .prefsweets_SpecialPackagBottom {
      font-size: 12px; } }
  @media print, screen and (max-width: 1049px) {
    .prefsweets_SpecialPackagBottom {
      font-size: 1.14395vw; } }
  @media print, screen and (max-width: 1049px) {
    .prefsweets_SpecialPackagBottom {
      margin-top: 11.04%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .prefsweets_SpecialPackagBottom {
      font-size: 2.93333vw;
      margin: 33% auto 0 auto; } }

.sweets_SpecialFixedMenu {
  width: 209px;
  position: fixed;
  bottom: 0%;
  right: 0;
  margin: 0 0 0 auto;
  z-index: 1;
  display: none; }
  @media screen and (max-width: 1100px) {
    .sweets_SpecialFixedMenu {
      width: 19%; } }
  @media screen and (max-width: 767px) {
    .sweets_SpecialFixedMenu {
      position: sticky;
      width: 100%;
      bottom: 0;
      left: 0;
      right: 0;
      margin: -25% auto 0 auto;
      display: block; } }

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

.sweets_SpecialFixedMenunav {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
  padding-top: 16px;
  padding-bottom: 18px;
  padding-left: 18px;
  padding-right: 18px;
  background: #D5B45C; }
  @media print, screen and (max-width: 1049px) {
    .sweets_SpecialFixedMenunav {
      margin-top: 7.65%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: 0%; } }
  @media print, screen and (max-width: 1049px) {
    .sweets_SpecialFixedMenunav {
      padding: 7.65% 8.61% 8.61% 8.61%; } }
  @media screen and (max-width: 767px) {
    .sweets_SpecialFixedMenunav {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      border: 0; } }
  @media screen and (max-width: 767px) and (max-width: 1049px) {
    .sweets_SpecialFixedMenunav {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.sweets_SpecialFixedMenuBox {
  display: none; }

.ulsweets_SpecialFixedMenu {
  padding: 0; }
  @media screen and (max-width: 767px) {
    .ulsweets_SpecialFixedMenu {
      padding: 3.25% 9.33% 4.26% 9.33%;
      margin: 0;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between; } }

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

.lisweets_SpecialFixedMenuSp {
  width: 60%; }
  .lisweets_SpecialFixedMenuSp:nth-child(n+3) {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px; }
    @media print, screen and (max-width: 1049px) {
      .lisweets_SpecialFixedMenuSp:nth-child(n+3) {
        margin: 2.62% 0% 0% 0%; } }
  .lisweets_SpecialFixedMenuSp:nth-child(even) {
    width: 38%; }

.linkssweets_SpecialFixedMenu {
  text-decoration: none;
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: 500; }
  @media screen and (min-width: 1050px) {
    .linkssweets_SpecialFixedMenu {
      font-size: 15px; } }
  @media print, screen and (max-width: 1049px) {
    .linkssweets_SpecialFixedMenu {
      font-size: 1.42993vw; } }
  .linkssweets_SpecialFixedMenu::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * .5em);
    content: ""; }
  .linkssweets_SpecialFixedMenu::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * .5em);
    content: ""; }
  @media screen and (max-width: 767px) {
    .linkssweets_SpecialFixedMenu {
      font-size: 3.73333vw;
      letter-spacing: 0.08em; } }
  .linkssweets_SpecialFixedMenua, .linkssweets_SpecialFixedMenu:link, .linkssweets_SpecialFixedMenu:visited {
    color: #FFF; }
  .linkssweets_SpecialFixedMenu:hover, .linkssweets_SpecialFixedMenu:active {
    color: #483F43; }

.sweets_SpecialFixedMenutoggle {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  padding-right: 17px;
  font-size: 6.4vw;
  letter-spacing: 0.02em;
  font-weight: 500;
  width: 100%;
  line-height: 1;
  margin: 0;
  transition-duration: 0.5s; }
  @media print, screen and (max-width: 1049px) {
    .sweets_SpecialFixedMenutoggle {
      padding: 2.66% 4.53% 2.66% 9.33%; } }

.sweets_SpecialFixedMenutoggleicon {
  padding: 1.85% 0% 1.85% 10.73%;
  background: url(../img/sweets/sweets_SpecialFixedMenutoggle_off.svg) no-repeat left center;
  background-size: auto 50%;
  display: block; }
  .sweets_SpecialFixedMenutoggleicon.on {
    background: url(../img/sweets/sweets_SpecialFixedMenutoggle_on.svg) no-repeat left center;
    background-size: auto 50%; }

.sweets_SpecialFixedMenu + .pagetop {
  display: none !important; }

h1, h2, h3, h4, h6, h7, .h1, .h2, .h3, .h6 .h7 {
  margin-bottom: 0; }

/* ==========================================================================
Component
========================================================================== */
.moveFloat {
  transition-duration: 0.5s !important;
  -webkit-transition: 0.5s !important; }
  .moveFloat:hover {
    opacity: 1 !important;
    transform: translateY(-5px) !important; }

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

.bg_483F43 {
  background: rgba(72, 63, 67, 0.9); }

.bg_F8F7EB {
  background: #F8F7EB; }

.cl_fff {
  color: #FFF; }

.cl_D5B45C {
  color: #D5B45C; }

.cl_D5B45C {
  color: #D5B45C; }

.cl_483F43 {
  color: #483F43; }

.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_list_fade_set > li, .opacity_0_list_fade_set section, .opacity_0_list_fade_set div, .opacity_0_list_fade_set tr, .opacity_0_list_fade_set figure {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
  position: relative; }

.opacity_0_list_fade_set.active > li:nth-child(1), .opacity_0_list_fade_set.active section:nth-child(1), .opacity_0_list_fade_set.active div:nth-child(1), .opacity_0_list_fade_set.active p:nth-child(1), .opacity_0_list_fade_set.active h2:nth-child(1), .opacity_0_list_fade_set.active h3:nth-child(1), .opacity_0_list_fade_set.active h4:nth-child(1), .opacity_0_list_fade_set.active h5:nth-child(1), .opacity_0_list_fade_set.active figure:nth-child(1) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.35s forwards alternate; }

.opacity_0_list_fade_set.active > li:nth-child(2), .opacity_0_list_fade_set.active section:nth-child(2), .opacity_0_list_fade_set.active div:nth-child(2), .opacity_0_list_fade_set.active p:nth-child(2), .opacity_0_list_fade_set.active h2:nth-child(2), .opacity_0_list_fade_set.active h3:nth-child(2), .opacity_0_list_fade_set.active h4:nth-child(2), .opacity_0_list_fade_set.active h5:nth-child(2), .opacity_0_list_fade_set.active figure:nth-child(2) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.7s forwards alternate; }

.opacity_0_list_fade_set.active > li:nth-child(3), .opacity_0_list_fade_set.active section:nth-child(3), .opacity_0_list_fade_set.active div:nth-child(3), .opacity_0_list_fade_set.active p:nth-child(3), .opacity_0_list_fade_set.active h2:nth-child(3), .opacity_0_list_fade_set.active h3:nth-child(3), .opacity_0_list_fade_set.active h4:nth-child(3), .opacity_0_list_fade_set.active h5:nth-child(3), .opacity_0_list_fade_set.active figure:nth-child(3) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.05s forwards alternate; }

.opacity_0_list_fade_set.active > li:nth-child(4), .opacity_0_list_fade_set.active section:nth-child(4), .opacity_0_list_fade_set.active div:nth-child(4), .opacity_0_list_fade_set.active p:nth-child(4), .opacity_0_list_fade_set.active h2:nth-child(4), .opacity_0_list_fade_set.active h3:nth-child(4), .opacity_0_list_fade_set.active h4:nth-child(4), .opacity_0_list_fade_set.active h5:nth-child(4), .opacity_0_list_fade_set.active figure:nth-child(4) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.4s forwards alternate; }

.opacity_0_list_fade_set.active > li:nth-child(5), .opacity_0_list_fade_set.active section:nth-child(5), .opacity_0_list_fade_set.active div:nth-child(5), .opacity_0_list_fade_set.active p:nth-child(5), .opacity_0_list_fade_set.active h2:nth-child(5), .opacity_0_list_fade_set.active h3:nth-child(5), .opacity_0_list_fade_set.active h4:nth-child(5), .opacity_0_list_fade_set.active h5:nth-child(5), .opacity_0_list_fade_set.active figure:nth-child(5) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.75s forwards alternate; }

.opacity_0_list_fade_set.active > li:nth-child(6), .opacity_0_list_fade_set.active section:nth-child(6), .opacity_0_list_fade_set.active div:nth-child(6), .opacity_0_list_fade_set.active p:nth-child(6), .opacity_0_list_fade_set.active h2:nth-child(6), .opacity_0_list_fade_set.active h3:nth-child(6), .opacity_0_list_fade_set.active h4:nth-child(6), .opacity_0_list_fade_set.active h5:nth-child(6), .opacity_0_list_fade_set.active figure:nth-child(6) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.1s forwards alternate; }

.opacity_0_list_fade_set.active > li:nth-child(7), .opacity_0_list_fade_set.active section:nth-child(7), .opacity_0_list_fade_set.active div:nth-child(7), .opacity_0_list_fade_set.active p:nth-child(7), .opacity_0_list_fade_set.active h2:nth-child(7), .opacity_0_list_fade_set.active h3:nth-child(7), .opacity_0_list_fade_set.active h4:nth-child(7), .opacity_0_list_fade_set.active h5:nth-child(7), .opacity_0_list_fade_set.active figure:nth-child(7) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.45s forwards alternate; }

.opacity_0_list_fade_set.active > li:nth-child(8), .opacity_0_list_fade_set.active section:nth-child(8), .opacity_0_list_fade_set.active div:nth-child(8), .opacity_0_list_fade_set.active p:nth-child(8), .opacity_0_list_fade_set.active h2:nth-child(8), .opacity_0_list_fade_set.active h3:nth-child(8), .opacity_0_list_fade_set.active h4:nth-child(8), .opacity_0_list_fade_set.active h5:nth-child(8), .opacity_0_list_fade_set.active figure:nth-child(8) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.8s forwards alternate; }

.opacity_0_list_fade_set.active > li:nth-child(9), .opacity_0_list_fade_set.active section:nth-child(9), .opacity_0_list_fade_set.active div:nth-child(9), .opacity_0_list_fade_set.active p:nth-child(9), .opacity_0_list_fade_set.active h2:nth-child(9), .opacity_0_list_fade_set.active h3:nth-child(9), .opacity_0_list_fade_set.active h4:nth-child(9), .opacity_0_list_fade_set.active h5:nth-child(9), .opacity_0_list_fade_set.active figure:nth-child(9) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.15s forwards alternate; }

.opacity_0_list_fade_set.active > li:nth-child(10), .opacity_0_list_fade_set.active section:nth-child(10), .opacity_0_list_fade_set.active div:nth-child(10), .opacity_0_list_fade_set.active p:nth-child(10), .opacity_0_list_fade_set.active h2:nth-child(10), .opacity_0_list_fade_set.active h3:nth-child(10), .opacity_0_list_fade_set.active h4:nth-child(10), .opacity_0_list_fade_set.active h5:nth-child(10), .opacity_0_list_fade_set.active figure:nth-child(10) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.5s forwards alternate; }

.opacity_0_list_fade_set.active > li:nth-child(11), .opacity_0_list_fade_set.active section:nth-child(11), .opacity_0_list_fade_set.active div:nth-child(11), .opacity_0_list_fade_set.active p:nth-child(11), .opacity_0_list_fade_set.active h2:nth-child(11), .opacity_0_list_fade_set.active h3:nth-child(11), .opacity_0_list_fade_set.active h4:nth-child(11), .opacity_0_list_fade_set.active h5:nth-child(11), .opacity_0_list_fade_set.active figure:nth-child(11) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.85s forwards alternate; }

.opacity_0_list_fade_set.active > li:nth-child(12), .opacity_0_list_fade_set.active section:nth-child(12), .opacity_0_list_fade_set.active div:nth-child(12), .opacity_0_list_fade_set.active p:nth-child(12), .opacity_0_list_fade_set.active h2:nth-child(12), .opacity_0_list_fade_set.active h3:nth-child(12), .opacity_0_list_fade_set.active h4:nth-child(12), .opacity_0_list_fade_set.active h5:nth-child(12), .opacity_0_list_fade_set.active figure:nth-child(12) {
  -webkit-animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_top 0.75s ease 4.2s forwards alternate; }

.opacity_0_list_left_fade_set > li, .opacity_0_list_left_fade_set section, .opacity_0_list_left_fade_set div, .opacity_0_list_left_fade_set tr, .opacity_0_list_left_fade_set figure {
  transform: translate3d(-10px, 0px, 0px);
  opacity: 0; }

.opacity_0_list_left_fade_set.active > li:nth-child(1), .opacity_0_list_left_fade_set.active section:nth-child(1), .opacity_0_list_left_fade_set.active div:nth-child(1), .opacity_0_list_left_fade_set.active p:nth-child(1), .opacity_0_list_left_fade_set.active h2:nth-child(1), .opacity_0_list_left_fade_set.active h3:nth-child(1), .opacity_0_list_left_fade_set.active h4:nth-child(1), .opacity_0_list_left_fade_set.active h5:nth-child(1), .opacity_0_list_left_fade_set.active figure:nth-child(1) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.35s forwards alternate; }

.opacity_0_list_left_fade_set.active > li:nth-child(2), .opacity_0_list_left_fade_set.active section:nth-child(2), .opacity_0_list_left_fade_set.active div:nth-child(2), .opacity_0_list_left_fade_set.active p:nth-child(2), .opacity_0_list_left_fade_set.active h2:nth-child(2), .opacity_0_list_left_fade_set.active h3:nth-child(2), .opacity_0_list_left_fade_set.active h4:nth-child(2), .opacity_0_list_left_fade_set.active h5:nth-child(2), .opacity_0_list_left_fade_set.active figure:nth-child(2) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.7s forwards alternate; }

.opacity_0_list_left_fade_set.active > li:nth-child(3), .opacity_0_list_left_fade_set.active section:nth-child(3), .opacity_0_list_left_fade_set.active div:nth-child(3), .opacity_0_list_left_fade_set.active p:nth-child(3), .opacity_0_list_left_fade_set.active h2:nth-child(3), .opacity_0_list_left_fade_set.active h3:nth-child(3), .opacity_0_list_left_fade_set.active h4:nth-child(3), .opacity_0_list_left_fade_set.active h5:nth-child(3), .opacity_0_list_left_fade_set.active figure:nth-child(3) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.05s forwards alternate; }

.opacity_0_list_left_fade_set.active > li:nth-child(4), .opacity_0_list_left_fade_set.active section:nth-child(4), .opacity_0_list_left_fade_set.active div:nth-child(4), .opacity_0_list_left_fade_set.active p:nth-child(4), .opacity_0_list_left_fade_set.active h2:nth-child(4), .opacity_0_list_left_fade_set.active h3:nth-child(4), .opacity_0_list_left_fade_set.active h4:nth-child(4), .opacity_0_list_left_fade_set.active h5:nth-child(4), .opacity_0_list_left_fade_set.active figure:nth-child(4) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.4s forwards alternate; }

.opacity_0_list_left_fade_set.active > li:nth-child(5), .opacity_0_list_left_fade_set.active section:nth-child(5), .opacity_0_list_left_fade_set.active div:nth-child(5), .opacity_0_list_left_fade_set.active p:nth-child(5), .opacity_0_list_left_fade_set.active h2:nth-child(5), .opacity_0_list_left_fade_set.active h3:nth-child(5), .opacity_0_list_left_fade_set.active h4:nth-child(5), .opacity_0_list_left_fade_set.active h5:nth-child(5), .opacity_0_list_left_fade_set.active figure:nth-child(5) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.75s forwards alternate; }

.opacity_0_list_left_fade_set.active > li:nth-child(6), .opacity_0_list_left_fade_set.active section:nth-child(6), .opacity_0_list_left_fade_set.active div:nth-child(6), .opacity_0_list_left_fade_set.active p:nth-child(6), .opacity_0_list_left_fade_set.active h2:nth-child(6), .opacity_0_list_left_fade_set.active h3:nth-child(6), .opacity_0_list_left_fade_set.active h4:nth-child(6), .opacity_0_list_left_fade_set.active h5:nth-child(6), .opacity_0_list_left_fade_set.active figure:nth-child(6) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.1s forwards alternate; }

.opacity_0_list_left_fade_set.active > li:nth-child(7), .opacity_0_list_left_fade_set.active section:nth-child(7), .opacity_0_list_left_fade_set.active div:nth-child(7), .opacity_0_list_left_fade_set.active p:nth-child(7), .opacity_0_list_left_fade_set.active h2:nth-child(7), .opacity_0_list_left_fade_set.active h3:nth-child(7), .opacity_0_list_left_fade_set.active h4:nth-child(7), .opacity_0_list_left_fade_set.active h5:nth-child(7), .opacity_0_list_left_fade_set.active figure:nth-child(7) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.45s forwards alternate; }

.opacity_0_list_left_fade_set.active > li:nth-child(8), .opacity_0_list_left_fade_set.active section:nth-child(8), .opacity_0_list_left_fade_set.active div:nth-child(8), .opacity_0_list_left_fade_set.active p:nth-child(8), .opacity_0_list_left_fade_set.active h2:nth-child(8), .opacity_0_list_left_fade_set.active h3:nth-child(8), .opacity_0_list_left_fade_set.active h4:nth-child(8), .opacity_0_list_left_fade_set.active h5:nth-child(8), .opacity_0_list_left_fade_set.active figure:nth-child(8) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.8s forwards alternate; }

.opacity_0_list_left_fade_set.active > li:nth-child(9), .opacity_0_list_left_fade_set.active section:nth-child(9), .opacity_0_list_left_fade_set.active div:nth-child(9), .opacity_0_list_left_fade_set.active p:nth-child(9), .opacity_0_list_left_fade_set.active h2:nth-child(9), .opacity_0_list_left_fade_set.active h3:nth-child(9), .opacity_0_list_left_fade_set.active h4:nth-child(9), .opacity_0_list_left_fade_set.active h5:nth-child(9), .opacity_0_list_left_fade_set.active figure:nth-child(9) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.15s forwards alternate; }

.opacity_0_list_left_fade_set.active > li:nth-child(10), .opacity_0_list_left_fade_set.active section:nth-child(10), .opacity_0_list_left_fade_set.active div:nth-child(10), .opacity_0_list_left_fade_set.active p:nth-child(10), .opacity_0_list_left_fade_set.active h2:nth-child(10), .opacity_0_list_left_fade_set.active h3:nth-child(10), .opacity_0_list_left_fade_set.active h4:nth-child(10), .opacity_0_list_left_fade_set.active h5:nth-child(10), .opacity_0_list_left_fade_set.active figure:nth-child(10) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.5s forwards alternate; }

.opacity_0_list_left_fade_set.active > li:nth-child(11), .opacity_0_list_left_fade_set.active section:nth-child(11), .opacity_0_list_left_fade_set.active div:nth-child(11), .opacity_0_list_left_fade_set.active p:nth-child(11), .opacity_0_list_left_fade_set.active h2:nth-child(11), .opacity_0_list_left_fade_set.active h3:nth-child(11), .opacity_0_list_left_fade_set.active h4:nth-child(11), .opacity_0_list_left_fade_set.active h5:nth-child(11), .opacity_0_list_left_fade_set.active figure:nth-child(11) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.85s forwards alternate; }

.opacity_0_list_left_fade_set.active > li:nth-child(12), .opacity_0_list_left_fade_set.active section:nth-child(12), .opacity_0_list_left_fade_set.active div:nth-child(12), .opacity_0_list_left_fade_set.active p:nth-child(12), .opacity_0_list_left_fade_set.active h2:nth-child(12), .opacity_0_list_left_fade_set.active h3:nth-child(12), .opacity_0_list_left_fade_set.active h4:nth-child(12), .opacity_0_list_left_fade_set.active h5:nth-child(12), .opacity_0_list_left_fade_set.active figure:nth-child(12) {
  -webkit-animation: fadein_sc_left 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_left 0.75s ease 4.2s forwards alternate; }

.opacity_0_list_right_fade_set > li, .opacity_0_list_right_fade_set section, .opacity_0_list_right_fade_set div, .opacity_0_list_right_fade_set tr, .opacity_0_list_right_fade_set figure {
  transform: translate3d(-10px, 0px, 0px);
  opacity: 0; }

.opacity_0_list_right_fade_set.active > li:nth-child(1), .opacity_0_list_right_fade_set.active section:nth-child(1), .opacity_0_list_right_fade_set.active div:nth-child(1), .opacity_0_list_right_fade_set.active p:nth-child(1), .opacity_0_list_right_fade_set.active h2:nth-child(1), .opacity_0_list_right_fade_set.active h3:nth-child(1), .opacity_0_list_right_fade_set.active h4:nth-child(1), .opacity_0_list_right_fade_set.active h5:nth-child(1), .opacity_0_list_right_fade_set.active figure:nth-child(1) {
  -webkit-animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.35s forwards alternate; }

.opacity_0_list_right_fade_set.active > li:nth-child(2), .opacity_0_list_right_fade_set.active section:nth-child(2), .opacity_0_list_right_fade_set.active div:nth-child(2), .opacity_0_list_right_fade_set.active p:nth-child(2), .opacity_0_list_right_fade_set.active h2:nth-child(2), .opacity_0_list_right_fade_set.active h3:nth-child(2), .opacity_0_list_right_fade_set.active h4:nth-child(2), .opacity_0_list_right_fade_set.active h5:nth-child(2), .opacity_0_list_right_fade_set.active figure:nth-child(2) {
  -webkit-animation: fadein_sc_right 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.7s forwards alternate; }

.opacity_0_list_right_fade_set.active > li:nth-child(3), .opacity_0_list_right_fade_set.active section:nth-child(3), .opacity_0_list_right_fade_set.active div:nth-child(3), .opacity_0_list_right_fade_set.active p:nth-child(3), .opacity_0_list_right_fade_set.active h2:nth-child(3), .opacity_0_list_right_fade_set.active h3:nth-child(3), .opacity_0_list_right_fade_set.active h4:nth-child(3), .opacity_0_list_right_fade_set.active h5:nth-child(3), .opacity_0_list_right_fade_set.active figure:nth-child(3) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.05s forwards alternate; }

.opacity_0_list_right_fade_set.active > li:nth-child(4), .opacity_0_list_right_fade_set.active section:nth-child(4), .opacity_0_list_right_fade_set.active div:nth-child(4), .opacity_0_list_right_fade_set.active p:nth-child(4), .opacity_0_list_right_fade_set.active h2:nth-child(4), .opacity_0_list_right_fade_set.active h3:nth-child(4), .opacity_0_list_right_fade_set.active h4:nth-child(4), .opacity_0_list_right_fade_set.active h5:nth-child(4), .opacity_0_list_right_fade_set.active figure:nth-child(4) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.4s forwards alternate; }

.opacity_0_list_right_fade_set.active > li:nth-child(5), .opacity_0_list_right_fade_set.active section:nth-child(5), .opacity_0_list_right_fade_set.active div:nth-child(5), .opacity_0_list_right_fade_set.active p:nth-child(5), .opacity_0_list_right_fade_set.active h2:nth-child(5), .opacity_0_list_right_fade_set.active h3:nth-child(5), .opacity_0_list_right_fade_set.active h4:nth-child(5), .opacity_0_list_right_fade_set.active h5:nth-child(5), .opacity_0_list_right_fade_set.active figure:nth-child(5) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.75s forwards alternate; }

.opacity_0_list_right_fade_set.active > li:nth-child(6), .opacity_0_list_right_fade_set.active section:nth-child(6), .opacity_0_list_right_fade_set.active div:nth-child(6), .opacity_0_list_right_fade_set.active p:nth-child(6), .opacity_0_list_right_fade_set.active h2:nth-child(6), .opacity_0_list_right_fade_set.active h3:nth-child(6), .opacity_0_list_right_fade_set.active h4:nth-child(6), .opacity_0_list_right_fade_set.active h5:nth-child(6), .opacity_0_list_right_fade_set.active figure:nth-child(6) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.1s forwards alternate; }

.opacity_0_list_right_fade_set.active > li:nth-child(7), .opacity_0_list_right_fade_set.active section:nth-child(7), .opacity_0_list_right_fade_set.active div:nth-child(7), .opacity_0_list_right_fade_set.active p:nth-child(7), .opacity_0_list_right_fade_set.active h2:nth-child(7), .opacity_0_list_right_fade_set.active h3:nth-child(7), .opacity_0_list_right_fade_set.active h4:nth-child(7), .opacity_0_list_right_fade_set.active h5:nth-child(7), .opacity_0_list_right_fade_set.active figure:nth-child(7) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.45s forwards alternate; }

.opacity_0_list_right_fade_set.active > li:nth-child(8), .opacity_0_list_right_fade_set.active section:nth-child(8), .opacity_0_list_right_fade_set.active div:nth-child(8), .opacity_0_list_right_fade_set.active p:nth-child(8), .opacity_0_list_right_fade_set.active h2:nth-child(8), .opacity_0_list_right_fade_set.active h3:nth-child(8), .opacity_0_list_right_fade_set.active h4:nth-child(8), .opacity_0_list_right_fade_set.active h5:nth-child(8), .opacity_0_list_right_fade_set.active figure:nth-child(8) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.8s forwards alternate; }

.opacity_0_list_right_fade_set.active > li:nth-child(9), .opacity_0_list_right_fade_set.active section:nth-child(9), .opacity_0_list_right_fade_set.active div:nth-child(9), .opacity_0_list_right_fade_set.active p:nth-child(9), .opacity_0_list_right_fade_set.active h2:nth-child(9), .opacity_0_list_right_fade_set.active h3:nth-child(9), .opacity_0_list_right_fade_set.active h4:nth-child(9), .opacity_0_list_right_fade_set.active h5:nth-child(9), .opacity_0_list_right_fade_set.active figure:nth-child(9) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.15s forwards alternate; }

.opacity_0_list_right_fade_set.active > li:nth-child(10), .opacity_0_list_right_fade_set.active section:nth-child(10), .opacity_0_list_right_fade_set.active div:nth-child(10), .opacity_0_list_right_fade_set.active p:nth-child(10), .opacity_0_list_right_fade_set.active h2:nth-child(10), .opacity_0_list_right_fade_set.active h3:nth-child(10), .opacity_0_list_right_fade_set.active h4:nth-child(10), .opacity_0_list_right_fade_set.active h5:nth-child(10), .opacity_0_list_right_fade_set.active figure:nth-child(10) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.5s forwards alternate; }

.opacity_0_list_right_fade_set.active > li:nth-child(11), .opacity_0_list_right_fade_set.active section:nth-child(11), .opacity_0_list_right_fade_set.active div:nth-child(11), .opacity_0_list_right_fade_set.active p:nth-child(11), .opacity_0_list_right_fade_set.active h2:nth-child(11), .opacity_0_list_right_fade_set.active h3:nth-child(11), .opacity_0_list_right_fade_set.active h4:nth-child(11), .opacity_0_list_right_fade_set.active h5:nth-child(11), .opacity_0_list_right_fade_set.active figure:nth-child(11) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.85s forwards alternate; }

.opacity_0_list_right_fade_set.active > li:nth-child(12), .opacity_0_list_right_fade_set.active section:nth-child(12), .opacity_0_list_right_fade_set.active div:nth-child(12), .opacity_0_list_right_fade_set.active p:nth-child(12), .opacity_0_list_right_fade_set.active h2:nth-child(12), .opacity_0_list_right_fade_set.active h3:nth-child(12), .opacity_0_list_right_fade_set.active h4:nth-child(12), .opacity_0_list_right_fade_set.active h5:nth-child(12), .opacity_0_list_right_fade_set.active figure:nth-child(12) {
  -webkit-animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_right 0.75s ease 4.2s forwards alternate; }

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


/*山田追加分*/

.cntSweetsChocolateProductsMenu_2{
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}

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


@media screen and (max-width: 1049px){
  .cntSweetsChocolateProductsMenu_2{
width: 50%;
  }}

@media screen and (max-width: 767px){
    .cntSweetsChocolateProductsMenu_2{
  width:85.06%;
    }}

.cntSweetsChocolateProductsMenu_2 figure{
  text-align: center;
}
 
.secSweetsChocolateProductsMenu_bun {
text-align: left;
}


@media screen and (min-width: 1050px){
.secSweetsChocolateProductsMenu_bun {
   margin-left: 25%;
   width: 50%;
    }
.btmSweetsChocolateProductsMenuWap_2{
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: 35px;
  margin-right: 0px;
  width: 45.45%;
}}


@media screen and (max-width: 1049px){
.btmSweetsChocolateProductsMenuWap_2{
margin-left: 4.15%;}}


@media screen and (max-width: 767px){
  .btmSweetsChocolateProductsMenuWap_2{
  margin-left:auto;
 margin-right: auto;}}
  
  
@media print, screen and (max-width: 1049px) {
    .imgSweetsFv img {
        margin-top: 70px;
    }
}