txtSecharukazeGaufrierCollectionProductBtmFx0@charset "UTF-8";
/* ==========================================================================
Settings
========================================================================== */
/* ==========================================================================
breakPoint
========================================================================== */
/* ==========================================================================
_wapSettings
========================================================================== */
/* ==========================================================================
_widthSettings
========================================================================== */
/* ==========================================================================
_heightSettings
========================================================================== */
/* ==========================================================================
_positionSettings
========================================================================== */
/* ==========================================================================
borderRadius
========================================================================== */
/* ==========================================================================
_marginSettings
========================================================================== */
/* ==========================================================================
_paddingSettings
========================================================================== */
/* ==========================================================================
fonts
========================================================================== */
/* ==========================================================================
_lineHeight
========================================================================== */
/* ==========================================================================
_letterspace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Rules
========================================================================== */
body {
  background: #FFF;
}

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

figure {
  margin: 0;
}

#page_top {
  animation: cloak-in 0.75s;
}

.indexMain {
  -webkit-font-smoothing: antialiased;
}

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

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

svg {
  display: block;
}

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

.harukazeWap .wapper {
  width: 1360px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1359px) {
  .harukazeWap .wapper {
    width: 98%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeWap .wapper {
    width: 100%;
  }
}

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

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

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

.fw_0 {
  font-wieght: 0;
}

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

.fw_100 {
  font-wieght: 100;
}

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

.fw_200 {
  font-wieght: 200;
}

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

.fw_300 {
  font-wieght: 300;
}

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

.fw_400 {
  font-wieght: 400;
}

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

.fw_500 {
  font-wieght: 500;
}

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

.fw_600 {
  font-wieght: 600;
}

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

.fw_700 {
  font-wieght: 700;
}

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

.fw_800 {
  font-wieght: 800;
}

.d_flex {
  display: flex;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.d_contents {
  display: contents;
}

.d_inline {
  display: inline;
}

.d_grid {
  display: grid;
}

.d_inlineBlock {
  display: inline-block;
}

.d_inlineFlex {
  display: inline-flex;
}

.d_inlineTable {
  display: inline-table;
}

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

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

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

.j_center {
  justify-content: center;
}

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

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

.j_firstBaseline {
  justify-content: first baseline;
}

.j_firstBaseline {
  justify-content: last baseline;
}

.j_left {
  justify-content: left;
}

.j_right {
  justify-content: right;
}

.j_safe {
  justify-content: safe;
}

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

.ali_center {
  align-items: center;
}

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

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

.ali_stretch {
  align-items: stretch;
}

.ali_unset {
  align-items: unset;
}

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

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

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

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

.alc_stretch {
  align-content: stretch;
}

.alc_unset {
  align-content: unset;
}

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

.posta {
  position: static;
}

.pore {
  position: relative;
}

.poab {
  position: absolute;
}

.pofix {
  position: fixed;
}

.posti {
  position: sticky;
}

.harukazeWap {
  font-family: "Zen Maru Gothic", sans-serif;
}

.harukazeWap input,
.harukazeWap textarea,
.harukazeWap button {
  font-family: "Zen Maru Gothic", sans-serif;
}
.harukazeWap .row:after,
.harukazeWap .row:before {
  display: none;
}
.harukazeWap h1,
.harukazeWap h2,
.harukazeWap h3,
.harukazeWap h4,
.harukazeWap h5,
.harukazeWap h6,
.harukazeWap p,
.harukazeWap a,
.harukazeWap figcaption {
  font-family: "Zen Maru Gothic", sans-serif;
}

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

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

.t_center {
  text-align: center;
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.test {
  letter-spacing: 0.06em;
  text-indent: -0.06em;
  font-size: 12px;
}
@media screen and (max-width: 1359px) {
  .test {
    font-size: 0.8830022075vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .test {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.harukazeWap {
  position: relative;
}
.harukazeWap::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: #fff;
  z-index: 99999;
}
.is-loaded .harukazeWap::after {
  animation: fade-out 0.5s ease forwards;
}
@media screen and (max-width: 768px) {
  .harukazeWap {
    padding: 16vw 0 0 0;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.top20223 {
  height: 124px;
}
@media screen and (max-width: 1359px) {
  .top20223 {
    height: 9.1176470588vw;
  }
}
@media screen and (max-width: 768px) {
  .top20223 {
    height: 19.84vw;
  }
}

.picTop20223 {
  width: 31.91%;
  margin: 0 auto;
}
@media screen and (max-width: 1359px) {
  .picTop20223 img {
    height: auto;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .picTop20223 {
    width: 69.45%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.harukazeFv {
  position: relative;
}

.bgHarukazeFv {
  background: url(../img/bgHarukazeFvPc.jpg) no-repeat top center;
  background-size: cover;
  height: 38.9583333333vw;
}
@media screen and (max-width: 768px) {
  .bgHarukazeFv {
    background: url(../img/bgHarukazeFvSp.jpg) no-repeat top center;
    background-size: cover;
    height: 180.5333333333vw;
  }
}

.picHarukazeFv {
  width: 19.17vw;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0.5%;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .picHarukazeFv {
    align-items: flex-start;
    padding-top: 109px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 68.72vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .picHarukazeFv {
    padding: 29.06% 0% 0% 0%;
  }
}
.picHarukazeFv img {
  display: block;
}

.HarukazeFvWap {
  overflow: hidden;
  width: 12.38px;
  left: 0;
  right: 0;
  margin: 0 0 0 50%;
  height: 94.28px;
  bottom: 8.7046728972%;
}
@media screen and (max-width: 1359px) {
  .HarukazeFvWap {
    height: 4.932353vw;
  }
}
@media screen and (max-width: 768px) {
  .HarukazeFvWap {
    width: 8.67px;
    height: 16.6666666667vw;
    top: 66.015543%;
  }
}

.HarukazeFvSta {
  width: 100%;
  height: 89.28px;
}
@media screen and (max-width: 1359px) {
  .HarukazeFvSta {
    height: 4.932353vw;
  }
}
@media screen and (max-width: 768px) {
  .HarukazeFvSta {
    height: 16.6666666667vw;
  }
}

.scrollHarukazeFv {
  width: 100%;
  height: 89.28px;
}
@media screen and (max-width: 1359px) {
  .scrollHarukazeFv {
    height: 4.932353vw;
  }
}
@media screen and (max-width: 768px) {
  .scrollHarukazeFv {
    height: 16.6666666667vw;
  }
}

.scrollHarukazeFvPosta {
  width: 1px;
  background: #002B3D;
  height: 100%;
}

.txtScrollHarukazeFv {
  width: 7px;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1359px) {
  .txtScrollHarukazeFv {
    width: 0.45vw;
  }
}
@media screen and (max-width: 768px) {
  .txtScrollHarukazeFv {
    width: 4px;
  }
}
.txtScrollHarukazeFv img {
  height: auto;
  display: block;
  width: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.harukazeOpen {
  padding: 2.75vw 0vw 2.7645833333vw 0vw;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeOpen {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeOpen {
    padding: 8.8vw 0vw 6.96vw 0vw;
  }
}

.harukazeOpenCnt {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/bgharukazeOpenCntPc.png) no-repeat top center;
  background-size: 100% 100%;
  padding: 5.4124vw 0vw 6.5104166667vw 0vw;
}
@media screen and (max-width: 768px) {
  .harukazeOpenCnt {
    width: 91.99%;
    background: url(../img/bgharukazeOpenCntSp.png) no-repeat top center;
    background-size: 100% 100%;
    padding: 5.7% 0% 6% 0%;
  }
}

.harukazeOpenCntFx {
  width: 87.35%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .harukazeOpenCntFx {
    width: 94.19%;
  }
}
@media screen and (max-width: 900px) {
  .harukazeOpenCntFx {
    width: 94.19%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeOpenCntFx {
    width: 92.26%;
  }
}
.harukazeOpenCntFx img {
  height: auto;
  display: block;
  width: 100%;
}

.cntHarukazeOpenCntFx {
  margin: 3.6979166667vw 0vw 0vw 0vw;
  width: 29.52%;
}
@media screen and (max-width: 1200px) {
  .cntHarukazeOpenCntFx {
    width: 32.09%;
  }
}
@media screen and (max-width: 900px) {
  .cntHarukazeOpenCntFx {
    width: 44.35%;
  }
}
@media screen and (max-width: 768px) {
  .cntHarukazeOpenCntFx {
    width: 100%;
  }
}

.photoHarukazeOpen {
  width: 66.68%;
}
@media screen and (max-width: 900px) {
  .photoHarukazeOpen {
    width: 54.97%;
  }
}
@media screen and (max-width: 768px) {
  .photoHarukazeOpen {
    margin: 16.94% 0% 0% 0%;
    width: 100%;
  }
}

.h1CntHarukazeOpenCntFx {
  width: 56.29%;
  margin-left: auto;
  margin-right: auto;
  transform: translate(-2%, 0px);
}
@media screen and (max-width: 768px) {
  .h1CntHarukazeOpenCntFx {
    transform: translate(2%, 0px);
    width: 63.28%;
  }
}

.txtCntHarukazeOpenCntFx {
  font-size: 0.8333333333vw;
  font-weight: 700;
  color: #004D62;
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
}
@media screen and (max-width: 1359px) {
  .txtCntHarukazeOpenCntFx {
    margin: 8.4% 0% 0% 0%;
  }
}
.txtCntHarukazeOpenCntFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.125) * 0.5em);
  content: "";
}
.txtCntHarukazeOpenCntFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .txtCntHarukazeOpenCntFx {
    line-height: 1.8808333333;
    margin: 7.53% auto 0 auto;
    width: 87.96%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtCntHarukazeOpenCntFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .txtCntHarukazeOpenCntFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8808333333) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtCntHarukazeOpenCntFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8808333333) * 0.5em);
    content: "";
  }
}

.tyusyakuHarukazeOpenCntFx {
  margin: 2.579167vw 0vw 0vw 0vw;
  width: 74.56%;
  padding: 1.453958vw 0vw 1.444792vw 0vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .tyusyakuHarukazeOpenCntFx {
    margin: 11.2% auto 0 auto;
    width: 83.49%;
    padding: 5.3408733899vw 0vw 5.8749607289vw 0vw;
  }
}

.h2TyusyakuHarukazeOpenCntFx {
  font-weight: 500;
  font-size: 1.0416666667vw;
  line-height: 2;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
}
.h2TyusyakuHarukazeOpenCntFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.h2TyusyakuHarukazeOpenCntFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .h2TyusyakuHarukazeOpenCntFx {
    line-height: 1;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .h2TyusyakuHarukazeOpenCntFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .h2TyusyakuHarukazeOpenCntFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .h2TyusyakuHarukazeOpenCntFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h3TyusyakuHarukazeOpenCntFx {
  font-weight: 500;
  font-size: 0.5208333333vw;
  line-height: 3.957;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
  margin: 0.0593333333vw 0vw 0vw 0vw;
}
.h3TyusyakuHarukazeOpenCntFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 3.957) * 0.5em);
  content: "";
}
.h3TyusyakuHarukazeOpenCntFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 3.957) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .h3TyusyakuHarukazeOpenCntFx {
    margin: 2.128796vw 0vw 0vw 0vw;
    line-height: 1;
    letter-spacing: 0.06em;
    text-indent: -0.06em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .h3TyusyakuHarukazeOpenCntFx {
    font-size: 2.0666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .h3TyusyakuHarukazeOpenCntFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .h3TyusyakuHarukazeOpenCntFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtTyusyakuHarukazeOpenCntFx {
  font-weight: 500;
  font-size: 0.78125vw;
  line-height: 1.7313333333;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  margin: 0.4479166667vw 0vw 0vw 0vw;
}
.txtTyusyakuHarukazeOpenCntFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7313333333) * 0.5em);
  content: "";
}
.txtTyusyakuHarukazeOpenCntFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7313333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .txtTyusyakuHarukazeOpenCntFx {
    margin: 2.3575911502vw 0vw 0vw 0vw;
    line-height: 1.6775;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtTyusyakuHarukazeOpenCntFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .txtTyusyakuHarukazeOpenCntFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6775) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtTyusyakuHarukazeOpenCntFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6775) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.harukazeLineUp {
  margin-top: 64.4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeLineUp {
    margin: 3.35% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeLineUp {
    margin: 10.7% 0% 0% 0%;
  }
}

@media screen and (max-width: 768px) {
  .harukazeLineUpWap {
    width: 100%;
  }
}

.secHarukazeLineUp {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .secHarukazeLineUp {
    width: 100%;
  }
}

.h1secHarukazeLineUp {
  height: 79px;
  margin: 0 auto 0 auto;
}
@media screen and (max-width: 1359px) {
  .h1secHarukazeLineUp {
    height: 5.8088235294vw;
  }
}
@media screen and (max-width: 768px) {
  .h1secHarukazeLineUp {
    height: 10.6666666667vw;
  }
}

.h1secHarukazeLineUp figure {
  display: block;
  width: 15.58%;
  margin: 0 auto 0 auto;
}
@media screen and (max-width: 768px) {
  .h1secHarukazeLineUp figure {
    width: 25.13%;
  }
}

.btmHarukazeLineUp {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 36.9px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1359px) {
  .btmHarukazeLineUp {
    padding: 2.71% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .btmHarukazeLineUp {
    width: 100%;
    padding: 1.06% 0% 1.05% 0%;
  }
}

.btmHarukazeLineUp02 {
  padding-top: 4.9px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1359px) {
  .btmHarukazeLineUp02 {
    padding: 0.36% 0% 1.69% 0%;
  }
}
@media screen and (max-width: 768px) {
  .btmHarukazeLineUp02 {
    padding: 0.5% 0% 2.13% 0%;
  }
}

.btmHarukazeLineUp03 {
  padding-top: 46.9px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1359px) {
  .btmHarukazeLineUp03 {
    padding: 3.44% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .btmHarukazeLineUp03 {
    padding: 2.06% 0% 2.5% 0%;
  }
}

.btmHarukazeLineUpFx {
  width: 85.17%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .btmHarukazeLineUpFx {
    width: 94.13%;
  }
}

.secBtmHarukazeLineUpFx {
  width: 36%;
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .secBtmHarukazeLineUpFx {
    margin: 4.57% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .secBtmHarukazeLineUpFx {
    width: 44.49%;
    margin: 5.9% 0% 0% 0%;
  }
}

.btmHarukazeLineUp02 .secBtmHarukazeLineUpFx {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .btmHarukazeLineUp02 .secBtmHarukazeLineUpFx {
    margin: 5.17% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .btmHarukazeLineUp02 .secBtmHarukazeLineUpFx {
    width: 43.49%;
    margin-top: 19px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .btmHarukazeLineUp02 .secBtmHarukazeLineUpFx {
    margin: 5.38% 0% 0% 0%;
  }
}

.btmHarukazeLineUp03 .secBtmHarukazeLineUpFx {
  width: 37.1%;
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .btmHarukazeLineUp03 .secBtmHarukazeLineUpFx {
    margin: 3.36% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .btmHarukazeLineUp03 .secBtmHarukazeLineUpFx {
    width: 43.49%;
    margin: 5.9% 0% 0% 0%;
  }
}

.photoBtmHarukazeLineUpFx {
  width: 52.05%;
}
@media screen and (max-width: 768px) {
  .photoBtmHarukazeLineUpFx {
    width: 57.79%;
  }
}
.photoBtmHarukazeLineUpFx img {
  max-width: 602px;
}
@media screen and (max-width: 1359px) {
  .photoBtmHarukazeLineUpFx img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .photoBtmHarukazeLineUpFx01 {
    width: 62.79%;
    transform: translate(0%, -3%);
  }
}

@media screen and (max-width: 768px) {
  .photoBtmHarukazeLineUpFx02 {
    width: 58.79%;
    transform: translate(0%, 1%);
  }
}

@media screen and (max-width: 768px) {
  .photoBtmHarukazeLineUpFx03 {
    width: 48.79%;
    transform: translate(-15%, 11%);
  }
}

.h2BtmHarukazeLineUpFx01 {
  width: 82.06%;
}
@media screen and (max-width: 768px) {
  .h2BtmHarukazeLineUpFx01 {
    width: 79.33%;
  }
}

.txtBtmHarukazeLineUpFxFx {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFxFx {
    margin: 1.91% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtBtmHarukazeLineUpFxFx {
    margin-top: 9px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFxFx {
    margin: 2.54% 0% 0% 0%;
  }
}

.txtBtmHarukazeLineUpFxFx {
  width: 100%;
  color: #272727;
}

.h2BtmHarukazeLineUpFx {
  font-weight: 600;
  font-size: 25px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin: 0;
}
@media screen and (max-width: 1359px) {
  .h2BtmHarukazeLineUpFx {
    font-size: 1.8395879323vw;
  }
}
@media screen and (max-width: 768px) {
  .h2BtmHarukazeLineUpFx {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .h2BtmHarukazeLineUpFx {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .h2BtmHarukazeLineUpFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .h2BtmHarukazeLineUpFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtBtmHarukazeLineUpFx {
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 16px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFx {
    font-size: 1.0301692421vw;
  }
}
@media screen and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFx {
    margin: 0% 0% 0% 3.82%;
  }
}
@media screen and (max-width: 768px) {
  .txtBtmHarukazeLineUpFx {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtBtmHarukazeLineUpFx {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .txtBtmHarukazeLineUpFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtBtmHarukazeLineUpFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFx {
    margin: 1.19% 0% 0% 0%;
  }
}

.h2BtmHarukazeLineUpFx02 {
  width: 99.76%;
}
.txtBtmHarukazeLineUpFxFx02 {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFxFx02 {
    margin: 2.15% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtBtmHarukazeLineUpFxFx02 {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFxFx02 {
    margin: 2.83% 0% 0% 0%;
  }
}

.txtBtmHarukazeLineUpFx02 {
  margin-top: -14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFx02 {
    margin: -3.36% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtBtmHarukazeLineUpFx02 {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFx02 {
    margin: 2.83% 0% 0% 0%;
  }
}

.txtBtmHarukazeLineUpFxFx03 {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFxFx03 {
    margin: 6.46% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtBtmHarukazeLineUpFxFx03 {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFxFx03 {
    margin: 2.83% 0% 0% 0%;
  }
}

.h2BtmHarukazeLineUpFx03 {
  width: 100%;
}
.txtBtmHarukazeLineUpFx03 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 14px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFx03 {
    margin: 0% 0% 0% 3.35%;
  }
}
@media screen and (max-width: 768px) {
  .txtBtmHarukazeLineUpFx03 {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtBtmHarukazeLineUpFx03 {
    margin: 2.83% 0% 0% 0%;
  }
}

.arrowBtmHarukazeLine {
  width: 3.1%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 3.966667%;
}
@media screen and (max-width: 768px) {
  .arrowBtmHarukazeLine {
    position: absolute;
    left: 0;
    right: 5%;
    margin: auto;
    bottom: 4.4%;
    width: 5.5%;
  }
  .arrowBtmHarukazeLine img {
    width: 100%;
    height: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.harukazeGaufrier {
  margin-top: 101.6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrier {
    margin: 5.29% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrier {
    margin: 16.86% 0% 0% 0%;
  }
}

.harukazeGaufrierLxc {
  background: url(../img/bgHarukazeGaufrierLxcPc.jpg) top center;
  background-size: 100% 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierLxc {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierLxc {
    background: url(../img/bgHarukazeGaufrierLxcPc.jpg) top center;
    background-size: 109% 100%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierLxc {
    background: url(../img/bgHarukazeGaufrierLxcSp.jpg) top center;
    background-size: 100% 100%;
  }
}

.harukazeGaufrierBigLxc {
  width: 85.36%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 163px;
  padding-bottom: 123px;
  padding-left: 0px;
  padding-right: 0px;
  max-width: 1160px;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierBigLxc {
    padding: 8.48% 0% 6.4% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierBigLxc {
    max-width: 85.29%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierBigLxc {
    width: 100%;
    max-width: 100%;
    padding: 29.8% 0% 42.06% 0%;
  }
}

/* カラス */
.picTopHarukazeGaufrier {
  width: 18.9%;
  right: 0;
  top: -2.1%;
}
@media screen and (max-width: 1359px) {
  .picTopHarukazeGaufrier {
    width: 17.24%;
    right: 0;
    top: -3vw;
  }
}
@media screen and (max-width: 768px) {
  .picTopHarukazeGaufrier {
    width: 36.24%;
    top: -0.682499%;
    right: 7.866667%;
  }
}

/* 2Column */
.harukazeGaufrierTopFx {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierTopFx {
    width: 100%;
  }
}

.secHarukazeGaufrierTopFx {
  width: 35.56%;
}
@media screen and (max-width: 768px) {
  .secHarukazeGaufrierTopFx {
    width: 91.6%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoHarukazeGaufrierTop {
  width: 60.43%;
}
@media screen and (max-width: 768px) {
  .photoHarukazeGaufrierTop {
    margin: 10.81% 0% 0% 0%;
    width: 100%;
  }
}
.photoHarukazeGaufrierTop img {
  max-width: 700px;
}
@media screen and (max-width: 1359px) {
  .photoHarukazeGaufrierTop img {
    max-width: 100%;
  }
}

/* 2Columnmain */
.h1SecHarukazeGaufrierTopFx {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 94.43%;
}
@media screen and (max-width: 1359px) {
  .h1SecHarukazeGaufrierTopFx {
    margin: 18.18% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .h1SecHarukazeGaufrierTopFx {
    margin-top: 24.5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 90.85%;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .h1SecHarukazeGaufrierTopFx {
    margin-top: 7.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2SecHarukazeGaufrierTopFx {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 92.43%;
}
@media screen and (max-width: 1359px) {
  .h2SecHarukazeGaufrierTopFx {
    margin: 7.27% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .h2SecHarukazeGaufrierTopFx {
    margin: 7% auto 0 auto;
    width: 88.33%;
  }
}

.txtSecHarukazeGaufrierTopFx {
  margin-top: 31.7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 94.43%;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #6C3A30;
  font-weight: 700;
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierTopFx {
    margin: 7.68% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierTopFx {
    font-size: 1.0301692421vw;
  }
}
.txtSecHarukazeGaufrierTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtSecHarukazeGaufrierTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierTopFx {
    margin-top: 34px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 73.32%;
    line-height: 2;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtSecHarukazeGaufrierTopFx {
    margin-top: 10.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtSecHarukazeGaufrierTopFx {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

/* //画像二個 */
.harukazeGaufrierMiddleFx {
  margin-top: 94px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierMiddleFx {
    margin: 8.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierMiddleFx {
    width: 88.8%;
    margin: 10.82% auto 0 auto;
  }
}

.leftPicHarukazeGaufrierMiddle {
  width: 41.12%;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .leftPicHarukazeGaufrierMiddle {
    margin: 0.51% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .leftPicHarukazeGaufrierMiddle {
    width: 97.5%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .leftPicHarukazeGaufrierMiddle {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.leftPicHarukazeGaufrierMiddle img {
  max-width: 475px;
}
@media screen and (max-width: 1359px) {
  .leftPicHarukazeGaufrierMiddle img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

.rightPicHarukazeGaufrierMiddle {
  width: 55.34%;
}
@media screen and (max-width: 768px) {
  .rightPicHarukazeGaufrierMiddle {
    width: 100%;
    margin: 9.97% auto 0 auto;
  }
}
.rightPicHarukazeGaufrierMiddle img {
  max-width: 641px;
}
@media screen and (max-width: 1359px) {
  .rightPicHarukazeGaufrierMiddle img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

/* //商品紹介 */
.harukazeGaufrierProductTopFx {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierProductTopFx {
    margin: 4.74% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierProductTopFx {
    width: 77.86%;
    margin: 12.4% auto 0 auto;
  }
}

.photoHarukazeGaufrierProductTop {
  width: 49.39%;
}
@media screen and (max-width: 768px) {
  .photoHarukazeGaufrierProductTop {
    width: 59.79%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .photoHarukazeGaufrierProductTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.photoHarukazeGaufrierProductTop img {
  max-width: 572px;
}
@media screen and (max-width: 1359px) {
  .photoHarukazeGaufrierProductTop img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

.secHarukazeGaufrierProductTop {
  width: 25.86%;
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: 50px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .secHarukazeGaufrierProductTop {
    margin: 5.17% 0% 0% 4.31%;
  }
}
@media screen and (max-width: 768px) {
  .secHarukazeGaufrierProductTop {
    text-align: center;
    width: 100%;
    margin: 9.84% auto 0 auto;
  }
}

.h2SecHarukazeGaufrierProductTop {
  font-size: 22px;
  line-height: 1.4545454545;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 500;
  white-space: nowrap;	
}
@media screen and (max-width: 1359px) {
  .h2SecHarukazeGaufrierProductTop {
    font-size: 1.6188373804vw;
  }
}
.h2SecHarukazeGaufrierProductTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4545454545) * 0.5em);
  content: "";
}
.h2SecHarukazeGaufrierProductTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4545454545) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductTop {
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductTop {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtSecHarukazeGaufrierProductTop {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductTop {
    margin: 3.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductTop {
    font-size: 0.7358351729vw;
  }
}
.txtSecHarukazeGaufrierProductTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
.txtSecHarukazeGaufrierProductTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductTop {
    margin: 3.5% auto 0 auto;
    line-height: 1.4;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductTop {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}

/* //値段 */
.txtSecHarukazeGaufrierProductTopFx {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  align-items: flex-end;
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductTopFx {
    margin: 5.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductTopFx {
    margin: 5.5% auto 0 auto;
  }
}

.seiHarukazeGaufrierProductTopFx {
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .seiHarukazeGaufrierProductTopFx {
    font-size: 1.1773362767vw;
  }
}
.seiHarukazeGaufrierProductTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.125) * 0.5em);
  content: "";
}
.seiHarukazeGaufrierProductTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .seiHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.66% 0%;
  }
}
@media screen and (max-width: 768px) {
  .seiHarukazeGaufrierProductTopFx {
    line-height: 1.125;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .seiHarukazeGaufrierProductTopFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .seiHarukazeGaufrierProductTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .seiHarukazeGaufrierProductTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .seiHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.68% 0%;
  }
}

.priceHarukazeGaufrierProductTopFx {
  font-size: 24px;
  line-height: 0.75;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .priceHarukazeGaufrierProductTopFx {
    font-size: 1.766004415vw;
  }
}
.priceHarukazeGaufrierProductTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.75) * 0.5em);
  content: "";
}
.priceHarukazeGaufrierProductTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .priceHarukazeGaufrierProductTopFx {
    line-height: 0.75;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .priceHarukazeGaufrierProductTopFx {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .priceHarukazeGaufrierProductTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .priceHarukazeGaufrierProductTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}

.taniHarukazeGaufrierProductTopFx {
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .taniHarukazeGaufrierProductTopFx {
    font-size: 1.1773362767vw;
  }
}
.taniHarukazeGaufrierProductTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.125) * 0.5em);
  content: "";
}
.taniHarukazeGaufrierProductTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .taniHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.66% 0%;
  }
}
@media screen and (max-width: 768px) {
  .taniHarukazeGaufrierProductTopFx {
    line-height: 1.125;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .taniHarukazeGaufrierProductTopFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .taniHarukazeGaufrierProductTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .taniHarukazeGaufrierProductTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .taniHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.68% 0%;
  }
}

.tyusyakuHarukazeGaufrierProductTopFx {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .tyusyakuHarukazeGaufrierProductTopFx {
    font-size: 0.8830022075vw;
  }
}
.tyusyakuHarukazeGaufrierProductTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.tyusyakuHarukazeGaufrierProductTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .tyusyakuHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.66% 0%;
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductTopFx {
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductTopFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .tyusyakuHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.68% 0%;
  }
}

.btmWapSecHarukazeGaufrierProductTop {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 66.66%;
}
@media screen and (max-width: 1359px) {
  .btmWapSecHarukazeGaufrierProductTop {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .btmWapSecHarukazeGaufrierProductTop {
    margin: 5.5% auto 0 auto;
    width: 68.49%;
  }
}

.btmSecHarukazeGaufrierProductTop {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  background: #004D62;
  height: 35px;
  text-decoration: none;
  color: #FFF;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1359px) {
  .btmSecHarukazeGaufrierProductTop {
    font-size: 0.8830022075vw;
  }
}
.btmSecHarukazeGaufrierProductTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
  content: "";
}
.btmSecHarukazeGaufrierProductTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .btmSecHarukazeGaufrierProductTop {
    height: 2.5735294118vw;
  }
}
@media screen and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductTop {
    line-height: 1.1666666667;
    height: 9.5813333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}

.picHarukazeGaufrierProductTop {
  width: 7.93%;
  bottom: 4.909038406%;
  right: 4.30759%;
}
.picHarukazeGaufrierProductTop img {
  width: 91px;
}
@media screen and (max-width: 1359px) {
  .picHarukazeGaufrierProductTop img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

/* //商品紹介2Column */
.harukazeGaufrierProductBtmFx {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierProductBtmFx {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierProductBtmFx {
    width: 84.41%;
    margin-top: 47.5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .harukazeGaufrierProductBtmFx {
    margin-top: 12.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cntHarukazeGaufrierProductBtm01 {
  width: 42.41%;
}
@media screen and (max-width: 768px) {
  .cntHarukazeGaufrierProductBtm01 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .cntHarukazeGaufrierProductBtm01 .photoHarukazeGaufrierProductBtm {
    width: 83.94%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cntHarukazeGaufrierProductBtm01 img {
  max-width: 491px;
}
@media screen and (max-width: 1359px) {
  .cntHarukazeGaufrierProductBtm01 img {
    max-width: 100%;
  }
}

.cntHarukazeGaufrierProductBtm02 {
  width: 50.43%; 
}
@media screen and (max-width: 768px) {
  .cntHarukazeGaufrierProductBtm02 {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .cntHarukazeGaufrierProductBtm02 {
    margin-top: 15.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .cntHarukazeGaufrierProductBtm02 .photoHarukazeGaufrierProductBtm {
    width: 100%;
  }
}

.cntHarukazeGaufrierProductBtm02 img {
  max-width: 584px;
}
@media screen and (max-width: 1359px) {
  .cntHarukazeGaufrierProductBtm02 img {
    max-width: 100%;
  }
}


/*/////////////////////追加CSS　ここから////////////////////////*/

/* ===========================================
   1行目専用（first-row）
   PCは左右2列、SPは1列で中央寄せ
   =========================================== */

.cntHarukazeGaufrierProductBtm03 {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .cntHarukazeGaufrierProductBtm03 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .cntHarukazeGaufrierProductBtm03 .photoHarukazeGaufrierProductBtm {
    width: 83.94%;
    margin-left: auto;
    margin-right: auto;
  }
}


.cntHarukazeGaufrierProductBtm04 {
  width: 50%; 
}

@media screen and (max-width: 768px) {
  .cntHarukazeGaufrierProductBtm04 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .cntHarukazeGaufrierProductBtm04 .photoHarukazeGaufrierProductBtm {
    width: 83.94%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .cntHarukazeGaufrierProductBtm04 {
    margin-top: 2rem; 
  }
}


/*/////////////////////追加CSS　ここまで////////////////////////*/


.h2SecHarukazeGaufrierProductBtm {
  text-align: center;
  font-size: 22px;
  line-height: 1.4545454545;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .h2SecHarukazeGaufrierProductBtm {
    font-size: 1.6188373804vw;
  }
}
.h2SecHarukazeGaufrierProductBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4545454545) * 0.5em);
  content: "";
}
.h2SecHarukazeGaufrierProductBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4545454545) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductBtm {
    margin: 8.4% auto 0 auto;
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductBtm {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

@media screen and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductBtm02 {
    margin: 10.5% auto 0 auto;
  }
}

.secHarukazeGaufrierProductBtm01 {
  margin-top: 64.5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .secHarukazeGaufrierProductBtm01 {
    margin: 13.13% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .secHarukazeGaufrierProductBtm01 {
    margin-top: 21.5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .secHarukazeGaufrierProductBtm01 {
    margin-top: 6.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secHarukazeGaufrierProductBtm02 {
  margin-top: 40.6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .secHarukazeGaufrierProductBtm02 {
    margin: 6.95% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .secHarukazeGaufrierProductBtm02 {
    margin-top: 21.5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .secHarukazeGaufrierProductBtm02 {
    margin-top: 6.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtSecHarukazeGaufrierProductBtm {
  text-align: center;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #272727;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductBtm {
    font-size: 0.7358351729vw;
  }
}
.txtSecHarukazeGaufrierProductBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
.txtSecHarukazeGaufrierProductBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductBtm {
    line-height: 1.4;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductBtm {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}

.txtSecHarukazeGaufrierProductBtm01 {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductBtm01 {
    margin: 2.24% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductBtm01 {
    margin: 3.1% auto 0 auto;
  }
}

.txtSecHarukazeGaufrierProductBtm02 {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductBtm02 {
    margin: 2.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductBtm02 {
    margin-top: 3.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtSecHarukazeGaufrierProductBtmFx {
  align-items: flex-end;
  font-weight: 500;
}

.txtSecHarukazeGaufrierProductBtmFx01 {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductBtmFx01 {
    margin: 2.64% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductBtmFx01 {
    margin: 3.9% auto 0 auto;
  }
}

.txtSecHarukazeGaufrierProductBtmFx02 {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductBtmFx02 {
    margin: 2.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductBtmFx02 {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductBtmFx02 {
    margin-top: 4.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.zeikazeGaufrierProductBtmFx {
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  margin: 0 0 1px 0;
}
@media screen and (max-width: 1359px) {
  .zeikazeGaufrierProductBtmFx {
    font-size: 1.1773362767vw;
  }
}
.zeikazeGaufrierProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.125) * 0.5em);
  content: "";
}
.zeikazeGaufrierProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx {
    line-height: 1.125;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}

.priceHarukazeGaufrierProductBtmFx {
  font-size: 24px;
  line-height: 0.75;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
}
@media screen and (max-width: 1359px) {
  .priceHarukazeGaufrierProductBtmFx {
    font-size: 1.766004415vw;
  }
}
.priceHarukazeGaufrierProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.75) * 0.5em);
  content: "";
}
.priceHarukazeGaufrierProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .priceHarukazeGaufrierProductBtmFx {
    line-height: 0.75;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .priceHarukazeGaufrierProductBtmFx {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .priceHarukazeGaufrierProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .priceHarukazeGaufrierProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}

.taniHarukazeGaufrierProductBtmFx {
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  margin: 0 0 1px 0;
}
@media screen and (max-width: 1359px) {
  .taniHarukazeGaufrierProductBtmFx {
    font-size: 1.1773362767vw;
  }
}
.taniHarukazeGaufrierProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.125) * 0.5em);
  content: "";
}
.taniHarukazeGaufrierProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .taniHarukazeGaufrierProductBtmFx {
    line-height: 1.125;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .taniHarukazeGaufrierProductBtmFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .taniHarukazeGaufrierProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .taniHarukazeGaufrierProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}

.tyusyakuHarukazeGaufrierProductBtmFx {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  margin: 0 0 1px 0;
}
@media screen and (max-width: 1359px) {
  .tyusyakuHarukazeGaufrierProductBtmFx {
    font-size: 0.8830022075vw;
  }
}
.tyusyakuHarukazeGaufrierProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.tyusyakuHarukazeGaufrierProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductBtmFx {
    line-height: 2;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductBtmFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

.btmWapSecHarukazeGaufrierProductBtm {
  max-width: 200px;
}

.btmWapSecHarukazeGaufrierProductBtm01 {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 40.73%;
}
@media screen and (max-width: 1359px) {
  .btmWapSecHarukazeGaufrierProductBtm01 {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .btmWapSecHarukazeGaufrierProductBtm01 {
    width: 63.17%;
    margin: 4.68% auto 0 auto;
  }
}

.btmWapSecHarukazeGaufrierProductBtm02 {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 40.73%;
}
@media screen and (max-width: 1359px) {
  .btmWapSecHarukazeGaufrierProductBtm02 {
    margin-top: 2.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .btmWapSecHarukazeGaufrierProductBtm02 {
    width: 63.17%;
    margin-top: 5.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmSecHarukazeGaufrierProductBtm {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  font-weight: 500;
  background: #004D62;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  color: #FFF;
  font-size: 12px;
  line-height: 1.1666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1359px) {
  .btmSecHarukazeGaufrierProductBtm {
    font-size: 0.8830022075vw;
  }
}
.btmSecHarukazeGaufrierProductBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1666666667) * 0.5em);
  content: "";
}
.btmSecHarukazeGaufrierProductBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .btmSecHarukazeGaufrierProductBtm {
    height: 2.5735294118vw;
  }
}
@media screen and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductBtm {
    line-height: 1.1666666667;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    height: 9.5813333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductBtm {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}

.BtmHarukazeGaufrier {
  width: 24.04%;
  bottom: -6.520963%;
  right: 0;
}
@media screen and (max-width: 1359px) {
  .BtmHarukazeGaufrier {
    width: 18.96%;
    bottom: -5.5209630552%;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .BtmHarukazeGaufrier {
    width: 60.8%;
    bottom: -2.0%;/*デフォルト -3.661069%*/
    right: 5%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.harukazeGaufrierCollection {
  margin-top: 206px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierCollection {
    margin: 10.72% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierCollection {
    margin: 41% 0% 0% 0%;
  }
}

.harukazeGaufrierCollectionLxc {
  background: url(../img/bgharukazeGaufrierCollectionLxcPc.jpg) top center;
  background-size: 100% 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierCollectionLxc {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierCollectionLxc {
    background: url(../img/bgharukazeGaufrierCollectionLxcPc.jpg) top center;
    background-size: 109% 100%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierCollectionLxc {
    background: url(../img/bgharukazeGaufrierCollectionLxcSp.jpg) top center;
    background-size: 100% 100%;
  }
}

.harukazeGaufrierCollectionBigLxc {
  width: 85.36%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 198px;
  padding-bottom: 108px;
  padding-left: 0px;
  padding-right: 0px;
  max-width: 1160px;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierCollectionBigLxc {
    padding: 10.31% 0% 5.62% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierCollectionBigLxc {
    max-width: 85.29%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierCollectionBigLxc {
    max-width: 100%;
    width: 100%;
    padding: 48% 0% 38.53% 0%;
  }
}

/* 車 */
.picTopharukazeGaufrierCollection {
  width: 35.59%;
  left: 0;
  top: -1.853173%;
}
@media screen and (max-width: 1359px) {
  .picTopharukazeGaufrierCollection {
    width: 17.24%;
    right: 0;
    top: -3vw;
  }
}
@media screen and (max-width: 768px) {
  .picTopharukazeGaufrierCollection {
    width: 65.89%;
    top: 0.414922%;
    left: 6.466667%;
  }
  .picTopharukazeGaufrierCollection img {
    max-width: 412px;
  }
}

/* 2Column */
.harukazeGaufrierCollectionTopFx {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierCollectionTopFx {
    width: 100%;
  }
}

.secharukazeGaufrierCollectionTopFx {
  width: 35.56%;
}
@media screen and (max-width: 768px) {
  .secharukazeGaufrierCollectionTopFx {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoharukazeGaufrierCollectionTop {
  width: 60.43%;
}
@media screen and (max-width: 768px) {
  .photoharukazeGaufrierCollectionTop {
    margin: 11.9% 0% 0% 0%;
    width: 100%;
  }
}
.photoharukazeGaufrierCollectionTop img {
  max-width: 700px;
  height: auto;
  display: block;
}
@media screen and (max-width: 1359px) {
  .photoharukazeGaufrierCollectionTop img {
    max-width: 100%;
  }
}

/* 2Columnmain */
.h1SecharukazeGaufrierCollectionTopFx {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 89.43%;
}
@media screen and (max-width: 1359px) {
  .h1SecharukazeGaufrierCollectionTopFx {
    margin: 18.18% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .h1SecharukazeGaufrierCollectionTopFx {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 89.23%;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .h1SecharukazeGaufrierCollectionTopFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2SecharukazeGaufrierCollectionTopFx {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 92.43%;
}
@media screen and (max-width: 1359px) {
  .h2SecharukazeGaufrierCollectionTopFx {
    margin: 7.02% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .h2SecharukazeGaufrierCollectionTopFx {
    margin-top: 23.6px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 90.85%;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .h2SecharukazeGaufrierCollectionTopFx {
    margin-top: 7.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtSecharukazeGaufrierCollectionTopFx {
  margin-top: 35.7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 94.43%;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.24em;
  text-indent: -0.24em;
  color: #6C3A30;
  font-weight: 600;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazeGaufrierCollectionTopFx {
    margin: 8.65% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .txtSecharukazeGaufrierCollectionTopFx {
    font-size: 1.0301692421vw;
  }
}
.txtSecharukazeGaufrierCollectionTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtSecharukazeGaufrierCollectionTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionTopFx {
    margin-top: 41.6px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 93.93%;
    line-height: 2;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtSecharukazeGaufrierCollectionTopFx {
    margin-top: 12.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionTopFx {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

/* //画像二個 */
.harukazeGaufrierCollectionMiddleFx {
  margin-top: 61px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierCollectionMiddleFx {
    margin: 5.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierCollectionMiddleFx {
    justify-content: center;
    width: 89.6%;
    margin: 10.46% auto 0 auto;
  }
}

.leftPicharukazeGaufrierCollectionMiddle {
  width: 40.94%;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .leftPicharukazeGaufrierCollectionMiddle {
    margin: 0.51% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .leftPicharukazeGaufrierCollectionMiddle {
    width: 95.5%;
  }
}
.leftPicharukazeGaufrierCollectionMiddle img {
  max-width: 473px;
}
@media screen and (max-width: 1359px) {
  .leftPicharukazeGaufrierCollectionMiddle img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

.rightPicharukazeGaufrierCollectionMiddle {
  width: 55.34%;
}
@media screen and (max-width: 768px) {
  .rightPicharukazeGaufrierCollectionMiddle {
    width: 99.29%;
    margin: 13.2% auto 0 auto;
  }
}
.rightPicharukazeGaufrierCollectionMiddle img {
  max-width: 641px;
}
@media screen and (max-width: 1359px) {
  .rightPicharukazeGaufrierCollectionMiddle img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

/* //画像1個 */
.harukazeGaufrierCollectionBottom {
  margin-top: 39.2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierCollectionBottom {
    margin: 3.37% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierCollectionBottom {
    width: 96.07%;
    margin: 7.8% auto 0 auto;
  }
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierCollectionBottom img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

/* //商品紹介 */
.harukazeGaufrierCollectionProductTopFx {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierCollectionProductTopFx {
    margin: 4.74% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierCollectionProductTopFx {
    width: 77.86%;
    margin-top: 45.8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .harukazeGaufrierCollectionProductTopFx {
    margin-top: 13.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoHarukazeGaufrierProductTop {
  width: 49.39%;
}
@media screen and (max-width: 768px) {
  .photoHarukazeGaufrierProductTop {
    width: 95%; /*デフォルト59.79%*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .photoHarukazeGaufrierProductTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.photoHarukazeGaufrierProductTop img {
  max-width: 572px;
}
@media screen and (max-width: 1359px) {
  .photoHarukazeGaufrierProductTop img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

.secHarukazeGaufrierProductTop {
  width: 25.86%;
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: 50px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .secHarukazeGaufrierProductTop {
    margin: 5.34% 0% 0% 4.31%;
  }
}
@media screen and (max-width: 768px) {
  .secHarukazeGaufrierProductTop {
    width: 100%;
    margin: 9.84% auto 0 auto;
  }
}

.h2SecHarukazeGaufrierProductTop {
  font-size: 22px;
  line-height: 1.4545454545;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .h2SecHarukazeGaufrierProductTop {
    font-size: 1.6188373804vw;
  }
}
.h2SecHarukazeGaufrierProductTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4545454545) * 0.5em);
  content: "";
}
.h2SecHarukazeGaufrierProductTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4545454545) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductTop {
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductTop {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .h2SecHarukazeGaufrierProductTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtSecHarukazeGaufrierProductTop {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductTop {
    margin: 1.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductTop {
    font-size: 0.7358351729vw;
  }
}
.txtSecHarukazeGaufrierProductTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
.txtSecHarukazeGaufrierProductTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductTop {
    margin: 3.5% auto 0 auto;
    line-height: 1.4;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductTop {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}

/* //値段 */
.txtSecHarukazeGaufrierProductTopFx {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  align-items: flex-end;
}
@media screen and (max-width: 1359px) {
  .txtSecHarukazeGaufrierProductTopFx {
    margin: 6% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecHarukazeGaufrierProductTopFx {
    margin: 5.5% auto 0 auto;
  }
}

.seiHarukazeGaufrierProductTopFx {
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .seiHarukazeGaufrierProductTopFx {
    font-size: 1.1773362767vw;
  }
}
.seiHarukazeGaufrierProductTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.125) * 0.5em);
  content: "";
}
.seiHarukazeGaufrierProductTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .seiHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.66% 0%;
  }
}
@media screen and (max-width: 768px) {
  .seiHarukazeGaufrierProductTopFx {
    line-height: 1.125;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .seiHarukazeGaufrierProductTopFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .seiHarukazeGaufrierProductTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .seiHarukazeGaufrierProductTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .seiHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.68% 0%;
  }
}

.priceHarukazeGaufrierProductTopFx {
  font-size: 24px;
  line-height: 0.75;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .priceHarukazeGaufrierProductTopFx {
    font-size: 1.766004415vw;
  }
}
.priceHarukazeGaufrierProductTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.75) * 0.5em);
  content: "";
}
.priceHarukazeGaufrierProductTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .priceHarukazeGaufrierProductTopFx {
    line-height: 0.75;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .priceHarukazeGaufrierProductTopFx {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .priceHarukazeGaufrierProductTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .priceHarukazeGaufrierProductTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}

.taniHarukazeGaufrierProductTopFx {
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .taniHarukazeGaufrierProductTopFx {
    font-size: 1.1773362767vw;
  }
}
.taniHarukazeGaufrierProductTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.125) * 0.5em);
  content: "";
}
.taniHarukazeGaufrierProductTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .taniHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.66% 0%;
  }
}
@media screen and (max-width: 768px) {
  .taniHarukazeGaufrierProductTopFx {
    line-height: 1.125;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .taniHarukazeGaufrierProductTopFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .taniHarukazeGaufrierProductTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .taniHarukazeGaufrierProductTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .taniHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.68% 0%;
  }
}

.tyusyakuHarukazeGaufrierProductTopFx {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .tyusyakuHarukazeGaufrierProductTopFx {
    font-size: 0.8830022075vw;
  }
}
.tyusyakuHarukazeGaufrierProductTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.tyusyakuHarukazeGaufrierProductTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .tyusyakuHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.66% 0%;
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductTopFx {
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductTopFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuHarukazeGaufrierProductTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .tyusyakuHarukazeGaufrierProductTopFx {
    margin: 0% 0% 0.68% 0%;
  }
}

.btmWapSecHarukazeGaufrierProductTop {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 66.66%;
}
@media screen and (max-width: 1359px) {
  .btmWapSecHarukazeGaufrierProductTop {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .btmWapSecHarukazeGaufrierProductTop {
    margin: 5.5% auto 0 auto;
    width: 68.49%;
  }
}

.btmSecHarukazeGaufrierProductTop {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  background: #004D62;
  height: 35px;
  text-decoration: none;
  color: #FFF;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1359px) {
  .btmSecHarukazeGaufrierProductTop {
    font-size: 0.8830022075vw;
  }
}
.btmSecHarukazeGaufrierProductTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
  content: "";
}
.btmSecHarukazeGaufrierProductTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .btmSecHarukazeGaufrierProductTop {
    height: 2.5735294118vw;
  }
}
@media screen and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductTop {
    line-height: 1.1666666667;
    height: 9.5813333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .btmSecHarukazeGaufrierProductTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}

.picHarukazeGaufrierProductTop {
  width: 7.93%;
  bottom: 4.909038406%;
  right: 4.4827586207%;
}
.picHarukazeGaufrierProductTop img {
  width: 91px;
}
@media screen and (max-width: 1359px) {
  .picHarukazeGaufrierProductTop img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

/* //商品紹介2Column */
.harukazeGaufrierCollectionProductBtmFx {
  justify-content: space-between;
  margin-top: 60.8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeGaufrierCollectionProductBtmFx {
    margin: 5.24% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeGaufrierCollectionProductBtmFx {
    width: 91.3%;
    margin: 11.66% auto 0 auto;
  }
}

.cntharukazeGaufrierCollectionProductBtm01 {
  width: 44.31%;
}
@media screen and (max-width: 768px) {
  .cntharukazeGaufrierCollectionProductBtm01 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .cntharukazeGaufrierCollectionProductBtm01 .photoharukazeGaufrierCollectionProductBtm {
    width: 80.6%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cntharukazeGaufrierCollectionProductBtm01 img {
  max-width: 512px;
}
@media screen and (max-width: 1359px) {
  .cntharukazeGaufrierCollectionProductBtm01 img {
    max-width: 100%;
  }
}

.cntharukazeGaufrierCollectionProductBtm02 {
  width: 54.82%;
}
@media screen and (max-width: 768px) {
  .cntharukazeGaufrierCollectionProductBtm02 {
    margin-top: 46.4px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .cntharukazeGaufrierCollectionProductBtm02 {
    margin-top: 13.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .cntharukazeGaufrierCollectionProductBtm02 .photoharukazeGaufrierCollectionProductBtm {
    width: 100%;
  }
}

.cntharukazeGaufrierCollectionProductBtm02 img {
  max-width: 635px;
}
@media screen and (max-width: 1359px) {
  .cntharukazeGaufrierCollectionProductBtm02 img {
    max-width: 100%;
  }
}

.h2SecharukazeGaufrierCollectionProductBtm {
  text-align: center;
  font-size: 22px;
  line-height: 1.2272727273;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .h2SecharukazeGaufrierCollectionProductBtm {
    font-size: 1.6188373804vw;
  }
}
.h2SecharukazeGaufrierCollectionProductBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2272727273) * 0.5em);
  content: "";
}
.h2SecharukazeGaufrierCollectionProductBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2272727273) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .h2SecharukazeGaufrierCollectionProductBtm {
    margin: 4.6% auto 0 auto;
    line-height: 1.35;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .h2SecharukazeGaufrierCollectionProductBtm {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .h2SecharukazeGaufrierCollectionProductBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.35) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .h2SecharukazeGaufrierCollectionProductBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.35) * 0.5em);
    content: "";
  }
}

.secharukazeGaufrierCollectionProductBtm01 {
  margin-top: 10.2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .secharukazeGaufrierCollectionProductBtm01 {
    margin: 1.99% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .secharukazeGaufrierCollectionProductBtm01 {
    margin: 4.6% auto 0 auto;
  }
}

.secharukazeGaufrierCollectionProductBtm02 {
  margin-top: 15.7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .secharukazeGaufrierCollectionProductBtm02 {
    margin: 2.47% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .secharukazeGaufrierCollectionProductBtm02 {
    margin-top: 4.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2SecharukazeGaufrierCollectionProductBtm02 {
  margin: 0% auto 0 auto;
  line-height: 1.2272727273;
}
.txtSecharukazeGaufrierCollectionProductBtm {
  text-align: center;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #272727;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazeGaufrierCollectionProductBtm {
    font-size: 0.7358351729vw;
  }
}
.txtSecharukazeGaufrierCollectionProductBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
.txtSecharukazeGaufrierCollectionProductBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionProductBtm {
    line-height: 1.4;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionProductBtm {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionProductBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionProductBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}

.txtSecharukazeGaufrierCollectionProductBtm01 {
  margin-top: 10.5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazeGaufrierCollectionProductBtm01 {
    margin: 2.05% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionProductBtm01 {
    margin: 2.5% auto 0 auto;
  }
}

.txtSecharukazeGaufrierCollectionProductBtm02 {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazeGaufrierCollectionProductBtm02 {
    margin: 2.05% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionProductBtm02 {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtSecharukazeGaufrierCollectionProductBtm02 {
    margin-top: 4.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtSecharukazeGaufrierCollectionProductBtmFx {
  align-items: flex-end;
  font-weight: 500;
}

.txtSecharukazeGaufrierCollectionProductBtmFx01 {
  margin-top: 14.0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazeGaufrierCollectionProductBtmFx01 {
    margin: 2.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionProductBtmFx01 {
    margin: 4.9% auto 0 auto;
  }
}

.txtSecharukazeGaufrierCollectionProductBtmFx02 {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazeGaufrierCollectionProductBtmFx02 {
    margin: 2.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazeGaufrierCollectionProductBtmFx02 {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtSecharukazeGaufrierCollectionProductBtmFx02 {
    margin-top: 4.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.zeikazeGaufrierProductBtmFx {
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  margin: 0 0 1px 0;
}
@media screen and (max-width: 1359px) {
  .zeikazeGaufrierProductBtmFx {
    font-size: 1.1773362767vw;
  }
}
.zeikazeGaufrierProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.125) * 0.5em);
  content: "";
}
.zeikazeGaufrierProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx {
    line-height: 1.125;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}

.priceharukazeGaufrierCollectionProductBtmFx {
  font-size: 24px;
  line-height: 0.75;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
}
@media screen and (max-width: 1359px) {
  .priceharukazeGaufrierCollectionProductBtmFx {
    font-size: 1.766004415vw;
  }
}
.priceharukazeGaufrierCollectionProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.75) * 0.5em);
  content: "";
}
.priceharukazeGaufrierCollectionProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .priceharukazeGaufrierCollectionProductBtmFx {
    line-height: 0.75;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .priceharukazeGaufrierCollectionProductBtmFx {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .priceharukazeGaufrierCollectionProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .priceharukazeGaufrierCollectionProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}

.taniharukazeGaufrierCollectionProductBtmFx {
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  margin: 0 0 1px 0;
}
@media screen and (max-width: 1359px) {
  .taniharukazeGaufrierCollectionProductBtmFx {
    font-size: 1.1773362767vw;
  }
}
.taniharukazeGaufrierCollectionProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.125) * 0.5em);
  content: "";
}
.taniharukazeGaufrierCollectionProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .taniharukazeGaufrierCollectionProductBtmFx {
    line-height: 1.125;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .taniharukazeGaufrierCollectionProductBtmFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .taniharukazeGaufrierCollectionProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .taniharukazeGaufrierCollectionProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}

.tyusyakuharukazeGaufrierCollectionProductBtmFx {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  margin: 0 0 1px 0;
}
@media screen and (max-width: 1359px) {
  .tyusyakuharukazeGaufrierCollectionProductBtmFx {
    font-size: 0.8830022075vw;
  }
}
.tyusyakuharukazeGaufrierCollectionProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.tyusyakuharukazeGaufrierCollectionProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .tyusyakuharukazeGaufrierCollectionProductBtmFx {
    line-height: 2;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .tyusyakuharukazeGaufrierCollectionProductBtmFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuharukazeGaufrierCollectionProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuharukazeGaufrierCollectionProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

.btmWapSecharukazeGaufrierCollectionProductBtm {
  max-width: 200px;
}

.btmWapSecharukazeGaufrierCollectionProductBtm01 {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 39.13%;
}
@media screen and (max-width: 1359px) {
  .btmWapSecharukazeGaufrierCollectionProductBtm01 {
    margin-top: 3.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .btmWapSecharukazeGaufrierCollectionProductBtm01 {
    width: 58.41%;
    margin: 4.5% auto 0 auto;
  }
}

.btmWapSecharukazeGaufrierCollectionProductBtm02 {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 31.54%;
}
@media screen and (max-width: 1359px) {
  .btmWapSecharukazeGaufrierCollectionProductBtm02 {
    margin-top: 2.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .btmWapSecharukazeGaufrierCollectionProductBtm02 {
    width: 58.41%;
    margin-top: 18px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .btmWapSecharukazeGaufrierCollectionProductBtm02 {
    margin-top: 5.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmSecharukazeGaufrierCollectionProductBtm {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  font-weight: 500;
  background: #004D62;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  color: #FFF;
  font-size: 12px;
  line-height: 1.1666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1359px) {
  .btmSecharukazeGaufrierCollectionProductBtm {
    font-size: 0.8830022075vw;
  }
}
.btmSecharukazeGaufrierCollectionProductBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1666666667) * 0.5em);
  content: "";
}
.btmSecharukazeGaufrierCollectionProductBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .btmSecharukazeGaufrierCollectionProductBtm {
    height: 2.5735294118vw;
  }
}
@media screen and (max-width: 768px) {
  .btmSecharukazeGaufrierCollectionProductBtm {
    line-height: 1.1666666667;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    height: 9.5813333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .btmSecharukazeGaufrierCollectionProductBtm {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .btmSecharukazeGaufrierCollectionProductBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .btmSecharukazeGaufrierCollectionProductBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}

.BtmharukazeGaufrierCollection {
  width: 26.63%;
  bottom: -5.989843%;
  right: 0;
}
@media screen and (max-width: 1359px) {
  .BtmharukazeGaufrierCollection {
    width: 18.96%;
    bottom: -5.5209630552%;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .BtmharukazeGaufrierCollection {
    width: 55.76%;
    bottom: -1.15006%;
    right: 7.966667%;
  }
}
.BtmharukazeGaufrierCollection img {
  max-width: 308px;
}
@media screen and (max-width: 1359px) {
  .BtmharukazeGaufrierCollection img {
    max-width: 100%;
  }
}

/* ==========================================================================354
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.harukazelaviers {
  margin-top: 236px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazelaviers {
    margin: 12.29% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazelaviers {
    margin: 28.33% 0% 0% 0%;
  }
}

.harukazelaviersLxc {
  background: url(../img/bgharukazelaviersLxcPc.jpg) top center;
  background-size: 100% 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazelaviersLxc {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .harukazelaviersLxc {
    background: url(../img/bgharukazelaviersLxcPc.jpg) top center;
    background-size: 109% 100%;
  }
}
@media screen and (max-width: 768px) {
  .harukazelaviersLxc {
    background: url(../img/bgharukazelaviersLxcSp.jpg) top center;
    background-size: 100% 100%;
  }
}

.harukazelaviersBigLxc {
  width: 85.36%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 147px;
  padding-bottom: 142px;
  padding-left: 0px;
  padding-right: 0px;
  max-width: 1160px;
}
@media screen and (max-width: 1359px) {
  .harukazelaviersBigLxc {
    padding: 7.65% 0% 7.39% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .harukazelaviersBigLxc {
    max-width: 85.29%;
  }
}
@media screen and (max-width: 768px) {
  .harukazelaviersBigLxc {
    max-width: 100%;
    width: 100%;
    padding: 52.6% 0% 44.53% 0%;
  }
}

/* アヒル */
.picTopharukazelaviers {
  width: 40.36%;/*デフォルトは40.36%*/
  left: -3%;/*デフォルトは0.3%*/
  top: -1%;/*デフォルトは-3.103173%*/
}
@media screen and (max-width: 1359px) {
  .picTopharukazelaviers {
    width: 27.24%;/*デフォルトは17.24%*/
    right: 0;
    top: -3vw;
  }
}
@media screen and (max-width: 768px) {
  .picTopharukazelaviers {
    width: 85.4%;
    top: 0.6%;/*デフォルトは0.3149217071%*/
    left: 4.0266666667%;
  }
  .picTopharukazelaviers img {
    max-width: 412px;
  }
}

/* 2Column */
.harukazelaviersTopFx {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .harukazelaviersTopFx {
    width: 100%;
  }
}

.secharukazelaviersTopFx {
  width: 39.4%;
}
@media screen and (max-width: 768px) {
  .secharukazelaviersTopFx {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoharukazelaviersTop {
  width: 60.43%;
}
@media screen and (max-width: 768px) {
  .photoharukazelaviersTop {
    margin: 11.3% 0% 0% 0%;
    width: 100%;
  }
}
.photoharukazelaviersTop img {
  max-width: 700px;
  height: auto;
  display: block;
}
@media screen and (max-width: 1359px) {
  .photoharukazelaviersTop img {
    max-width: 100%;
  }
}

/* 2Columnmain */
.h1SecharukazelaviersTopFx {
  margin-top: 79px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 94.43%;
}
@media screen and (max-width: 1359px) {
  .h1SecharukazelaviersTopFx {
    margin: 19.15% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .h1SecharukazelaviersTopFx {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .h1SecharukazelaviersTopFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2SecharukazelaviersTopFx {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 82.5%;
}
@media screen and (max-width: 1359px) {
  .h2SecharukazelaviersTopFx {
    margin: 7.51% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .h2SecharukazelaviersTopFx {
    margin-top: 24.8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 92.85%;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .h2SecharukazelaviersTopFx {
    margin-top: 7.51%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtSecharukazelaviersTopFx {
  margin-top: 36.7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 94.43%;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.24em;
  text-indent: -0.24em;
  color: #6C3A30;
  font-weight: 600;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazelaviersTopFx {
    margin: 8.89% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .txtSecharukazelaviersTopFx {
    font-size: 1.0301692421vw;
  }
}
.txtSecharukazelaviersTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtSecharukazelaviersTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersTopFx {
    margin: 12.8% auto 0 auto;
    width: 93.93%;
    line-height: 2;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtSecharukazelaviersTopFx {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

/* //画像二個 */
.harukazelaviersMiddleFx {
  margin-top: 58px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazelaviersMiddleFx {
    margin: 5% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazelaviersMiddleFx {
    width: 89.6%;
    margin-top: 45.88px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .harukazelaviersMiddleFx {
    margin-top: 12.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.leftPicharukazelaviersMiddle {
  width: 59.82%;
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .leftPicharukazelaviersMiddle {
    margin: 4.56% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .leftPicharukazelaviersMiddle {
    margin: auto;
    width: 99.91%;
  }
}
.leftPicharukazelaviersMiddle img {
  max-width: 693px;
}
@media screen and (max-width: 1359px) {
  .leftPicharukazelaviersMiddle img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

.rightPicharukazelaviersMiddle {
  width: 37.24%;
}
@media screen and (max-width: 768px) {
  .rightPicharukazelaviersMiddle {
    width: 99.29%;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .rightPicharukazelaviersMiddle {
    margin-top: 4.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.rightPicharukazelaviersMiddle img {
  max-width: 431px;
}
@media screen and (max-width: 1359px) {
  .rightPicharukazelaviersMiddle img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

/* //商品紹介2Column */
.harukazelaviersProductBtmFx {
  margin-top: 73px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazelaviersProductBtmFx {
    margin: 6.29% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazelaviersProductBtmFx {
    width: 94.4%;
    margin-top: 35.9px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .harukazelaviersProductBtmFx {
    margin-top: 9.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cntharukazelaviersProductBtm01 {
  width: 46.37%;
}
@media screen and (max-width: 768px) {
  .cntharukazelaviersProductBtm01 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .cntharukazelaviersProductBtm01 .photoharukazelaviersProductBtm {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.cntharukazelaviersProductBtm01 img {
  max-width: 537px;
}
@media screen and (max-width: 1359px) {
  .cntharukazelaviersProductBtm01 img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

.cntharukazelaviersProductBtm02 {
  width: 44.52%;
}
@media screen and (max-width: 768px) {
  .cntharukazelaviersProductBtm02 {
    margin: 11.1% auto 0 auto;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .cntharukazelaviersProductBtm02 .photoharukazelaviersProductBtm {
    width: 91.8%;
    margin: auto;
  }
}
.cntharukazelaviersProductBtm02 img {
  max-width: 516px;
}
@media screen and (max-width: 1359px) {
  .cntharukazelaviersProductBtm02 img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

.h2SecharukazelaviersProductBtm {
  text-align: center;
  font-size: 22px;
  line-height: 1.2272727273;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .h2SecharukazelaviersProductBtm {
    font-size: 1.6188373804vw;
  }
}
.h2SecharukazelaviersProductBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2272727273) * 0.5em);
  content: "";
}
.h2SecharukazelaviersProductBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2272727273) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .h2SecharukazelaviersProductBtm {
    margin-top: 21.7px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.25;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .h2SecharukazelaviersProductBtm {
    margin-top: 6.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .h2SecharukazelaviersProductBtm {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .h2SecharukazelaviersProductBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .h2SecharukazelaviersProductBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}

.secharukazelaviersProductBtm01 {
  margin-top: 37.2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .secharukazelaviersProductBtm01 {
    margin: 6.93% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .secharukazelaviersProductBtm01 {
    margin-top: 21.5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .secharukazelaviersProductBtm01 {
    margin-top: 6.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secharukazelaviersProductBtm02 {
  margin-top: 48.2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .secharukazelaviersProductBtm02 {
    margin: 9.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .secharukazelaviersProductBtm02 {
    margin: 8.05% auto 0 auto;
  }
}

.txtSecharukazelaviersProductBtm {
  text-align: center;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #272727;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazelaviersProductBtm {
    font-size: 0.7358351729vw;
  }
}
.txtSecharukazelaviersProductBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
.txtSecharukazelaviersProductBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductBtm {
    line-height: 1.4;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtSecharukazelaviersProductBtm {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}

.txtSecharukazelaviersProductBtm01 {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazelaviersProductBtm01 {
    margin: 2.05% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductBtm01 {
    margin: 3.5% auto 0 auto;
  }
}

.txtSecharukazelaviersProductBtm02 {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazelaviersProductBtm02 {
    margin: 1.93% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductBtm02 {
    margin: 3.3% auto 0 auto;
  }
}

.txtSecharukazelaviersProductBtmFx {
  align-items: flex-end;
  font-weight: 500;
}

.txtSecharukazelaviersProductBtmFx01 {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazelaviersProductBtmFx01 {
    margin: 2.98% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductBtmFx01 {
    margin: 3.5% auto 0 auto;
  }
}

.txtSecharukazelaviersProductBtmFx02 {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazelaviersProductBtmFx02 {
    margin: 3.09% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductBtmFx02 {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .txtSecharukazelaviersProductBtmFx02 {
    margin-top: 3.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.zeikazeGaufrierProductBtmFx {
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  margin: 0 0 1px 0;
}
@media screen and (max-width: 1359px) {
  .zeikazeGaufrierProductBtmFx {
    font-size: 1.1773362767vw;
  }
}
.zeikazeGaufrierProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.125) * 0.5em);
  content: "";
}
.zeikazeGaufrierProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx {
    line-height: 1.125;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .zeikazeGaufrierProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}

.priceharukazelaviersProductBtmFx {
  font-size: 24px;
  line-height: 0.75;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
}
@media screen and (max-width: 1359px) {
  .priceharukazelaviersProductBtmFx {
    font-size: 1.766004415vw;
  }
}
.priceharukazelaviersProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.75) * 0.5em);
  content: "";
}
.priceharukazelaviersProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .priceharukazelaviersProductBtmFx {
    line-height: 0.75;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .priceharukazelaviersProductBtmFx {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .priceharukazelaviersProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .priceharukazelaviersProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}

.taniharukazelaviersProductBtmFx {
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  margin: 0 0 1px 0;
}
@media screen and (max-width: 1359px) {
  .taniharukazelaviersProductBtmFx {
    font-size: 1.1773362767vw;
  }
}
.taniharukazelaviersProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.125) * 0.5em);
  content: "";
}
.taniharukazelaviersProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .taniharukazelaviersProductBtmFx {
    line-height: 1.125;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .taniharukazelaviersProductBtmFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .taniharukazelaviersProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .taniharukazelaviersProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}

.tyusyakuharukazelaviersProductBtmFx {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #272727;
  margin: 0 0 1px 0;
}
@media screen and (max-width: 1359px) {
  .tyusyakuharukazelaviersProductBtmFx {
    font-size: 0.8830022075vw;
  }
}
.tyusyakuharukazelaviersProductBtmFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.tyusyakuharukazelaviersProductBtmFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .tyusyakuharukazelaviersProductBtmFx {
    line-height: 2;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .tyusyakuharukazelaviersProductBtmFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuharukazelaviersProductBtmFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .tyusyakuharukazelaviersProductBtmFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

.txtSecharukazelaviersProductBtmBtm {
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: -0.077em;
  text-indent: 0.077em;
  color: #272727;
  font-weight: 400;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazelaviersProductBtmBtm {
    font-size: 0.7358351729vw;
  }
}
.txtSecharukazelaviersProductBtmBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
.txtSecharukazelaviersProductBtmBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductBtmBtm {
    line-height: 1.2;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .txtSecharukazelaviersProductBtmBtm {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductBtmBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductBtmBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2) * 0.5em);
    content: "";
  }
}

.txtSecharukazelaviersProductbtmBtm01 {
  letter-spacing: -0.077em;
  text-indent: 0.077em;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazelaviersProductbtmBtm01 {
    margin: 2.42% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductbtmBtm01 {
    margin: 2.95% auto 0 auto;
  }
}

.txtSecharukazelaviersProductbtmBtm02 {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .txtSecharukazelaviersProductbtmBtm02 {
    margin: 2.51% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .txtSecharukazelaviersProductbtmBtm02 {
    margin: 2.97% auto 0 auto;
  }
}

.btmWapSecharukazelaviersProductBtm {
  max-width: 200px;
}

.btmWapSecharukazelaviersProductBtm01 {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 37.3%;
}
@media screen and (max-width: 1359px) {
  .btmWapSecharukazelaviersProductBtm01 {
    margin-top: 2.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .btmWapSecharukazelaviersProductBtm01 {
    width: 56.49%;
    margin: 4.5% auto 0 auto;
  }
}

.btmWapSecharukazelaviersProductBtm02 {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 38.72%;
}
@media screen and (max-width: 1359px) {
  .btmWapSecharukazelaviersProductBtm02 {
    margin-top: 2.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .btmWapSecharukazelaviersProductBtm02 {
    width: 56.49%;
    margin: 4.08% auto 0 auto;
  }
}

.btmSecharukazelaviersProductBtm {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  font-weight: 500;
  background: #004D62;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  color: #FFF;
  font-size: 12px;
  line-height: 1.1666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1359px) {
  .btmSecharukazelaviersProductBtm {
    font-size: 0.8830022075vw;
  }
}
.btmSecharukazelaviersProductBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1666666667) * 0.5em);
  content: "";
}
.btmSecharukazelaviersProductBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .btmSecharukazelaviersProductBtm {
    height: 2.5735294118vw;
  }
}
@media screen and (max-width: 768px) {
  .btmSecharukazelaviersProductBtm {
    line-height: 1.1666666667;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    height: 9.5813333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .btmSecharukazelaviersProductBtm {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .btmSecharukazelaviersProductBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .btmSecharukazelaviersProductBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}

.Btmharukazelaviers01 {
  width: 25%;
  bottom: -3.089843%;
  left: 0;
}
@media screen and (max-width: 1359px) {
  .Btmharukazelaviers01 {
    width: 25%;
    bottom: -4.7737650477%;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .Btmharukazelaviers01 {
    width: 46.24%;
    bottom: 0.58994%;
    left: 5.666667%;
  }
}
.Btmharukazelaviers01 img {
  max-width: 289px;
}
@media screen and (max-width: 1359px) {
  .Btmharukazelaviers01 img {
    max-width: 100%;
  }
}

.Btmharukazelaviers02 {
  width: 26.1%;
  bottom: -3.089843%;
  right: 0;
}
@media screen and (max-width: 1359px) {
  .Btmharukazelaviers02 {
    width: 24.91%;
    bottom: -4.7737650477%;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .Btmharukazelaviers02 {
    width: 48.14%;
    bottom: -4.728161%;
    right: 7.466667%;
  }
}
.Btmharukazelaviers02 img {
  max-width: 308px;
}
@media screen and (max-width: 1359px) {
  .Btmharukazelaviers02 img {
    max-width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.harukazeShopBag {
  margin-top: 155px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 77px;
  padding-bottom: 71px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeShopBag {
    margin: 8.07% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .harukazeShopBag {
    padding: 4.01% 0% 3.69% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeShopBag {
    padding-top: 57.2px;
    padding-bottom: 35.4px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 58.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .harukazeShopBag {
    padding: 15.25% 0% 9.44% 0%;
  }
}

.harukazeShopBagFx {
  justify-content: space-between;
  width: 81.36%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .harukazeShopBagFx {
    width: 88%;
  }
}

.harukazeShopBagLeft {
  width: 44.87%;
  margin-top: 89px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeShopBagLeft {
    margin: 8.68% 0% 0% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeShopBagLeft {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .harukazeShopBagLeft {
    margin: 0% 0% 0% 0%;
  }
}

.h2HarukazeCafe {
  width: 75.96%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .h2HarukazeCafe {
    width: 71.21%;
    margin: auto;
  }
}

.h3HarukazeCafe {
  margin-top: 27.6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  color: #004D62;
  font-size: 35.14px;
  line-height: 1.3292544109;
  letter-spacing: 0.13em;
  text-indent: -0.13em;
  font-weight: 700;
}
@media screen and (max-width: 1359px) {
  .h3HarukazeCafe {
    margin: 6% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .h3HarukazeCafe {
    font-size: 2.5857247976vw;
  }
}
.h3HarukazeCafe::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3292544109) * 0.5em);
  content: "";
}
.h3HarukazeCafe::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3292544109) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .h3HarukazeCafe {
    margin: 4.84% 0% 0% 0%;
    line-height: 2.3355;
    letter-spacing: 0.13em;
    text-indent: -0.13em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .h3HarukazeCafe {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .h3HarukazeCafe::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.3355) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .h3HarukazeCafe::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.3355) * 0.5em);
    content: "";
  }
}

.prefHarukazeCafe {
  margin-top: 15.5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  color: #272727;
  font-size: 14px;
  line-height: 2.8778571429;
  letter-spacing: 0.14em;
  text-indent: -0.14em;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .prefHarukazeCafe {
    margin: 3.36% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .prefHarukazeCafe {
    font-size: 1.0301692421vw;
  }
}
.prefHarukazeCafe::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.8778571429) * 0.5em);
  content: "";
}
.prefHarukazeCafe::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.8778571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .prefHarukazeCafe {
    margin: 3.87% 0% 0% 0%;
    line-height: 3.3575;
    letter-spacing: 0.14em;
    text-indent: -0.14em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .prefHarukazeCafe {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .prefHarukazeCafe::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.3575) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .prefHarukazeCafe::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.3575) * 0.5em);
    content: "";
  }
}

.harukazeShopBagRight {
  width: 54.78%;
  padding: 0 5.7% 0 0;
}
@media screen and (max-width: 768px) {
  .harukazeShopBagRight {
    padding: 0 0% 0 0;
    margin-top: 29.4px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 1359px) {
  .harukazeShopBagRight {
    margin: 8.9% 0% 0% 0%;
  }
}
.harukazeShopBagRight img {
  max-width: 540px;
}
@media screen and (max-width: 1359px) {
  .harukazeShopBagRight img {
    max-width: 100%;
  }
}

.captopnHarukazeShopBag {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  color: #272727;
  font-size: 10px;
  line-height: 4.029;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
  display: block;
  text-align: right;
}
@media screen and (max-width: 1359px) {
  .captopnHarukazeShopBag {
    margin: 1.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 1359px) {
  .captopnHarukazeShopBag {
    font-size: 0.7358351729vw;
  }
}
.captopnHarukazeShopBag::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 4.029) * 0.5em);
  content: "";
}
.captopnHarukazeShopBag::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 4.029) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .captopnHarukazeShopBag {
    margin: 3.2% 0% 0% 0%;
    width: 100%;
    line-height: 4.029;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .captopnHarukazeShopBag {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .captopnHarukazeShopBag::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 4.029) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .captopnHarukazeShopBag::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 4.029) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.harukazeCafe {
  border-top: 11px solid #004D62;
}
@media screen and (max-width: 768px) {
  .harukazeCafe {
    border-top: 11px solid #004D62;
  }
}

.harukazeCafe {
  padding-top: 27px;
  padding-bottom: 32px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1359px) {
  .harukazeCafe {
    padding: 1.4% 0% 1.66% 0%;
  }
}
@media screen and (max-width: 768px) {
  .harukazeCafe {
    padding: 9.52% 0% 19.46% 0%;
  }
}

@media screen and (max-width: 768px) {
  .harukazeCafeWap {
    width: 71.04%;
    margin: auto;
  }
}

.harukazeCafeFig {
  width: 10.38%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .harukazeCafeFig {
    width: 38.01%;
    margin: auto;
  }
}

.harukazeCafeUl {
  width: 43.26%;
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1359px) {
  .harukazeCafeUl {
    margin-top: 2.72%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .harukazeCafeUl {
    margin: 9% auto 0 auto;
    width: 100%;
  }
}

.harukazeCafeLi {
  width: 45.27%;
}
@media screen and (max-width: 768px) {
  .harukazeCafeLi {
    width: 100%;
    margin: auto;
  }
  .harukazeCafeLi:nth-child(2) {
    margin: 8.3% 0% 0% 0%;
  }
}

.harukazeCafePref {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1359px) {
  .harukazeCafePref {
    font-size: 1.1773362767vw;
  }
}
.harukazeCafePref::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.harukazeCafePref::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .harukazeCafePref {
    line-height: 1.75;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .harukazeCafePref {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .harukazeCafePref::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .harukazeCafePref::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * 0.5em);
    content: "";
  }
}

.harukazeCafeLinks {
  margin-top: 10.7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 53.81px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 0.9064285714;
  letter-spacing: 0.16em;
  text-indent: -0.16em;
  font-weight: 500;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  color: #FFF;
  text-decoration: none;
}
@media screen and (max-width: 1359px) {
  .harukazeCafeLinks {
    margin-top: 4.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1359px) {
  .harukazeCafeLinks {
    font-size: 1.0301692421vw;
  }
}
.harukazeCafeLinks::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.9064285714) * 0.5em);
  content: "";
}
.harukazeCafeLinks::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.9064285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1359px) {
  .harukazeCafeLinks {
    height: 3.9566176471vw;
  }
}
@media screen and (max-width: 768px) {
  .harukazeCafeLinks {
    margin: 3.97% auto 0 auto;
    height: 14.3493333333vw;
    line-height: 1.75;
    letter-spacing: 0.16em;
    text-indent: -0.16em;
    width: 71.04%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .harukazeCafeLinks {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .harukazeCafeLinks::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .harukazeCafeLinks::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * 0.5em);
    content: "";
  }
}

.harukazeCafeUnder {
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: 4.666;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
}
@media screen and (max-width: 1359px) {
  .harukazeCafeUnder {
    margin-top: 1.47%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1359px) {
  .harukazeCafeUnder {
    font-size: 0.7358351729vw;
  }
}
.harukazeCafeUnder::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 4.666) * 0.5em);
  content: "";
}
.harukazeCafeUnder::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 4.666) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .harukazeCafeUnder {
    margin: 11% auto 0 auto;
    line-height: 4.66;
    letter-spacing: 0.06em;
    text-indent: -0.06em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .harukazeCafeUnder {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .harukazeCafeUnder::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 4.66) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .harukazeCafeUnder::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 4.66) * 0.5em);
    content: "";
  }
}

.pageTop {
  width: 56px;
  position: fixed;
  right: 2%;
  bottom: 2%;
  z-index: 99;
  display: none;
  transition-duration: 0.5s;
}
.pageTop img {
  opacity: 1;
}

a.pageTop,
a.pageTop:link,
a.pageTop:visited,
a.pageTop:hover,
a.pageTop:active {
  opacity: 1;
}

a.pageTop img,
a.pageTop img:link,
a.pageTop img:visited,
a.pageTop img:hover,
a.pageTop img:active {
  opacity: 1;
}

.bg_C8C9CA {
  background: #C8C9CA;
}

.bg_FAE3E4 {
  background: #FAE3E4;
}

.cl_004D62 {
  color: #004D62;
}

.bg_004D62 {
  background: #004D62;
}

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

.bg_C8C9CA {
  background: #C8C9CA;
}

.bg_FAE3E4 {
  background: #FAE3E4;
}

.bg_FFF8A3 {
  background: #FFF8A3;
}

.bg_F4ECE0 {
  background: #F4ECE0;
}

.bg_FAE3E4 {
  background: #FAE3E4;
}

.bg_FFF68F {
  background: #FFF68F;
}

.bg_E1EECE {
  background: #E1EECE;
}

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  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;
  transform: translateZ(0);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 0.8s;
  animation-name: animsition-loading;
}
@keyframes animsition-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  animation-name: fade-in;
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  animation-name: fade-out;
}
@keyframes fade-in-up {
  0% {
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up {
  animation-name: fade-in-up;
}
@keyframes fade-out-up {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-500px);
    opacity: 0;
  }
}
.fade-out-up {
  animation-name: fade-out-up;
}
@keyframes fade-in-up-sm {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-sm {
  animation-name: fade-in-up-sm;
}
@keyframes fade-out-up-sm {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100px);
    opacity: 0;
  }
}
.fade-out-up-sm {
  animation-name: fade-out-up-sm;
}
@keyframes fade-in-up-lg {
  0% {
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-lg {
  animation-name: fade-in-up-lg;
}
@keyframes fade-out-up-lg {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000px);
    opacity: 0;
  }
}
.fade-out-up-lg {
  animation-name: fade-out-up-lg;
}
@keyframes fade-in-down {
  0% {
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down {
  animation-name: fade-in-down;
}
@keyframes fade-out-down {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(500px);
    opacity: 0;
  }
}
.fade-out-down {
  animation-name: fade-out-down;
}
@keyframes fade-in-down-sm {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-sm {
  animation-name: fade-in-down-sm;
}
@keyframes fade-out-down-sm {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(100px);
    opacity: 0;
  }
}
.fade-out-down-sm {
  animation-name: fade-out-down-sm;
}
@keyframes fade-in-down-lg {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-lg {
  animation-name: fade-in-down;
}
@keyframes fade-out-down-lg {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(1000px);
    opacity: 0;
  }
}
.fade-out-down-lg {
  animation-name: fade-out-down-lg;
}
@keyframes fade-in-left {
  0% {
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left {
  animation-name: fade-in-left;
}
@keyframes fade-out-left {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-500px);
    opacity: 0;
  }
}
.fade-out-left {
  animation-name: fade-out-left;
}
@keyframes fade-in-left-sm {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-sm {
  animation-name: fade-in-left-sm;
}
@keyframes fade-out-left-sm {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-100px);
    opacity: 0;
  }
}
.fade-out-left-sm {
  animation-name: fade-out-left-sm;
}
@keyframes fade-in-left-lg {
  0% {
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-lg {
  animation-name: fade-in-left-lg;
}
@keyframes fade-out-left-lg {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-1500px);
    opacity: 0;
  }
}
.fade-out-left-lg {
  animation-name: fade-out-left-lg;
}
@keyframes fade-in-right {
  0% {
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right {
  animation-name: fade-in-right;
}
@keyframes fade-out-right {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(500px);
    opacity: 0;
  }
}
.fade-out-right {
  animation-name: fade-out-right;
}
@keyframes fade-in-right-sm {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-sm {
  animation-name: fade-in-right-sm;
}
@keyframes fade-out-right-sm {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100px);
    opacity: 0;
  }
}
.fade-out-right-sm {
  animation-name: fade-out-right-sm;
}
@keyframes fade-in-right-lg {
  0% {
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-lg {
  animation-name: fade-in-right-lg;
}
@keyframes fade-out-right-lg {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(1500px);
    opacity: 0;
  }
}
.fade-out-right-lg {
  animation-name: fade-out-right-lg;
}
@keyframes rotate-in {
  0% {
    transform: rotate(-90deg);
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in {
  animation-name: rotate-in;
}
@keyframes rotate-out {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    transform: rotate(90deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out {
  animation-name: rotate-out;
}
@keyframes rotate-in-sm {
  0% {
    transform: rotate(-45deg);
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-sm {
  animation-name: rotate-in-sm;
}
@keyframes rotate-out-sm {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    transform: rotate(45deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-sm {
  animation-name: rotate-out-sm;
}
@keyframes rotate-in-lg {
  0% {
    transform: rotate(-180deg);
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-lg {
  animation-name: rotate-in-lg;
}
@keyframes rotate-out-lg {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    transform: rotate(180deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-lg {
  animation-name: rotate-out-lg;
}
@keyframes flip-in-x {
  0% {
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x {
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flip-out-x {
  0% {
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x {
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flip-in-x-nr {
  0% {
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-nr {
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flip-out-x-nr {
  0% {
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-nr {
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flip-in-x-fr {
  0% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-fr {
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flip-out-x-fr {
  0% {
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-fr {
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flip-in-y {
  0% {
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y {
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flip-out-y {
  0% {
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y {
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flip-in-y-nr {
  0% {
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-nr {
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flip-out-y-nr {
  0% {
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-nr {
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flip-in-y-fr {
  0% {
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-fr {
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flip-out-y-fr {
  0% {
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-fr {
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes zoom-in {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in {
  animation-name: zoom-in;
}
@keyframes zoom-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out {
  animation-name: zoom-out;
}
@keyframes zoom-in-sm {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-sm {
  animation-name: zoom-in-sm;
}
@keyframes zoom-out-sm {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-sm {
  animation-name: zoom-out-sm;
}
@keyframes zoom-in-lg {
  0% {
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-lg {
  animation-name: zoom-in-lg;
}
@keyframes zoom-out-lg {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-lg {
  animation-name: zoom-out-lg;
}
@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-top {
  top: 0;
  height: 0;
  animation-name: overlay-slide-in-top;
}
@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-top {
  top: 0;
  height: 100%;
  animation-name: overlay-slide-out-top;
}
@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  animation-name: overlay-slide-in-bottom;
}
@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  animation-name: overlay-slide-out-bottom;
}
@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-left {
  width: 0;
  animation-name: overlay-slide-in-left;
}
@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-left {
  left: 0;
  width: 100%;
  animation-name: overlay-slide-out-left;
}
@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-right {
  right: 0;
  width: 0;
  animation-name: overlay-slide-in-right;
}
@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-right {
  right: 0;
  width: 100%;
  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_top2 {
  0% {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
  }
  70% {
    opacity: 1;
    transform: translate3d(0px, -10px, 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;
}
.opacity_0_fade_set.active {
  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 {
  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 {
  animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}

.opacity_0_fade_in {
  opacity: 0;
}
.opacity_0_fade_in.active {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
}

.listcnt .moveList {
  opacity: 0;
}
.listcnt.active .moveList:nth-child(1) {
  animation: fadein_in 0.75s ease 0.5s forwards alternate;
}
.listcnt.active .moveList:nth-child(2) {
  animation: fadein_in 0.75s ease 1s forwards alternate;
}
.listcnt.active .moveList:nth-child(3) {
  animation: fadein_in 0.75s ease 1.5s forwards alternate;
}
.listcnt.active .moveList:nth-child(4) {
  animation: fadein_in 0.75s ease 2s forwards alternate;
}
.listcnt.active .moveList:nth-child(5) {
  animation: fadein_in 0.75s ease 2.5s forwards alternate;
}
.listcnt.active .moveList:nth-child(6) {
  animation: fadein_in 0.75s ease 3s forwards alternate;
}
.listcnt.active .moveList:nth-child(7) {
  animation: fadein_in 0.75s ease 3.5s forwards alternate;
}
.listcnt.active .moveList:nth-child(8) {
  animation: fadein_in 0.75s ease 4s forwards alternate;
}
.listcnt.active .moveList:nth-child(9) {
  animation: fadein_in 0.75s ease 4.5s forwards alternate;
}
.listcnt.active .moveList:nth-child(10) {
  animation: fadein_in 0.75s ease 5s forwards alternate;
}

.listcntmainasu .moveList {
  opacity: 0;
}
.listcntmainasu.active .moveList:nth-child(1) {
  animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(2) {
  animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(3) {
  animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(4) {
  animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(5) {
  animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(6) {
  animation: fadein_sc_top2 0.75s ease-in 3s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(7) {
  animation: fadein_sc_top2 0.75s ease-in 3.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(8) {
  animation: fadein_sc_top2 0.75s ease-in 4s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(9) {
  animation: fadein_sc_top2 0.75s ease-in 4.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(10) {
  animation: fadein_sc_top2 0.75s ease-in 5s 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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
}

.moveTopBtms {
  transition: 0.5s;
}
.moveTopBtms:hover {
  transform: translate(0px, -5px);
}

.scrollHarukazeFvPosta {
  animation: pathmove 2.4s ease-in-out infinite;
  opacity: 0;
}

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 110%;
    opacity: 0;
  }
}
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  touch-action: pan-y;
}

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

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

ul.bxslider {
  list-style: none;
}

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

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

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

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

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  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: 0.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: 0.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;
  transition: opacity 0.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;
  transition: opacity 0.6s;
}

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

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-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: 0.7;
  transition: opacity 0.2s;
}

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

/* ==========================================================================
Reset
========================================================================== */
/* ==========================================================================
Rules
========================================================================== */
/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Component
========================================================================== *//*# sourceMappingURL=common.css.map */