.LB251118blackfriday {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 448;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);

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

  --font-body: var(--font-ja), var(--font-en);
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;

  --color-white: #fff;
  --color-red: #770a0a;
  --color-pinkbeige: #f9ede8;
  --color-pink: #e2b5b3;

  font-family: var(--font-ja);
  color: var(--color-red);
}

.main-area .main-inner{
  width: 100%;
}

.main-area{
  overflow-x: clip;
}

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

@media (max-width: 767px) {
  .LB251118blackfriday {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

/* @media (min-width: 1400px) {
  .LB251118blackfriday {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
} */

/* @media (min-width: 768px) and (max-width: 1400px) {
  .LB251118blackfriday {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
} */

@media (min-width: 768px) {
  .LB251118blackfriday {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  .LB251118blackfriday {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

/* ******************************************************************
PC：レイアウト
***************************************************************** */
@media (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .blackfriday25{
    display: grid;
    grid-template-columns: 1fr calc(448 * var(--formula_pc)) 1fr;
    background-color: var(--color-pinkbeige);
  }

  .fixed_container{
    width: 100%;
    height: 100%;
  }

  .content__left{
    grid-column: 1;
  }

  .content__center{
    grid-column: 2;
    overflow: clip;
    border-right: solid 2px var(--color-red);
    border-left: solid 2px var(--color-red);
  }

  .content__right{
    grid-column: 3;
  }

  .content__right .check_btn{
    position: fixed;
    bottom: 60px;
    right: calc(150 * 100vw / 1400);
    width: calc(242 * 100vw / 1400);
  }
}

/* ******************************************************************
コンテンツ
***************************************************************** */

.item{
  padding: calc(160 * var(--formula)) 0 calc(153 * var(--formula));
}

.credit_item{
  font-family: var(--font-en);
  font-size: calc(26 * var(--formula));
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.04em;
  line-height: 2;
  text-align: center;
  margin: calc(34 * var(--formula)) auto calc(28 * var(--formula));
}

.item_text{
  font-family: var(--font-ja);
  font-size: calc(24 * var(--formula));
  font-weight: var(--font-weight-light);
  letter-spacing: 0.125em;
  line-height: 2;
  text-align: justify;
  width: calc(650 * var(--formula));
  margin: 0 auto calc(108 * var(--formula));
}

.credit_list{
  display: flex;
  flex-wrap: wrap;
  gap: calc(0 * var(--formula)) calc(20 * var(--formula));
  flex-wrap: wrap;
  word-spacing: calc(3 * var(--formula));
  margin: calc(40 * var(--formula)) 0 0 calc(30 * var(--formula));
}

.crdt{
  font-family: var(--font-en);
  font-weight: var(--font-weight-medium);
  font-size: calc(22 * var(--formula));
  letter-spacing: 0.04em;
  line-height: 2;
}

.item_content01{
  padding-bottom: calc(70 * var(--formula));
}

.item_content02{
  padding-bottom: calc(80 * var(--formula));
}


.item-img01__wrapper{
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

.item_svg{
  position: absolute;
  z-index: 10;
  pointer-events: none;
}

/* -----------------------  .first-content" */
.first-content {
  background-color: var(--color-pinkbeige);
  padding: calc(44 * var(--formula)) 0 calc(105 * var(--formula));
}

.ja_txt_top{
  width: calc(418.5557 * var(--formula));
  margin: 0 auto calc(30 * var(--formula));
}

.hbf_top{
  width: calc(686 * var(--formula));
  margin: 0 auto calc(50 * var(--formula));
}

.content-mv__image{
  width: calc(700 * var(--formula));
  margin: 0 auto calc(50 * var(--formula));
}

.brand_logo{
  width: calc(240 * var(--formula));
  margin: 0 auto calc(123 * var(--formula));
}

.top_slider{
  border-top: solid 2px var(--color-red);
  border-bottom: solid 2px var(--color-red);
  margin-bottom: calc(109 * var(--formula));
  padding: calc(30 * var(--formula)) 0 calc(30 * var(--formula));
}

.top_slider__inner{
  height: calc(21.1681 * var(--formula));
}

.top_slider__inner.infinite_slider::before{
  background-image: url(../img/date.png);
  height: calc(21.1681 * var(--formula));
}

.content-mv__lead_txt{
  font-family: var(--font-ja);
  font-weight: var(--font-weight-light);
  font-size: calc(28 * var(--formula));
  text-align: center;
  color: var(--color-red);
  line-height: 2;
  letter-spacing: 0.09em;
}

/* -----------------------  .item01 */
.item01{
  background-color: var(--color-red);
}

.item01-img01__wrapper{
  width: calc(550 * var(--formula));
}

.item01_svg{
  width: calc(173.4668 * var(--formula));
  bottom: calc(40 * var(--formula));
  left: calc(20 * var(--formula));
}

.item01 .item_content02 .credit_list{
  width: calc(630 * var(--formula));
}

.item01 .item_content04 .credit_list{
  width: calc(530 * var(--formula));
  margin: calc(35 * var(--formula)) 0 0 calc(30 * var(--formula));
}

.item01 .product02-slider::after{
  background-image: url(../img/SVG/black.svg);
  width: calc(278.4609 * var(--formula));
  height: calc(53.8716 * var(--formula));
  top: calc(30 * var(--formula));
  left: calc(30 * var(--formula));
  pointer-events: none;
}

.item01 .credit_item,
.item01 .crdt,
.item01 .item_text{
  color: var(--color-white);
}

.item01 .credit_item{
  margin: calc(40 * var(--formula)) auto calc(25 * var(--formula));
}

.item01 .credit_list{
  width: calc(500 * var(--formula));
}

.item01 .scroll-img__section{
  margin-bottom: calc(120 * var(--formula));
}

/* -----------------------  .item02 */
.item02{
  background-color: #edd9d3;
  padding: calc(160 * var(--formula)) 0 calc(165 * var(--formula))
}

.item02 .credit_item{
  margin: calc(34 * var(--formula)) auto calc(19 * var(--formula));
}

.item02 .item02-img01__wrapper{
  width: calc(690 * var(--formula));
  margin: 0 auto;
}

.item02 .item02_svg{
  width: calc(263.3945 * var(--formula));
  top: 45%;
  left: calc( 80* var(--formula));
  transform: translateY(-50%);
}

.item02 .item_content01{
  position: relative;
}

.item02 .item_content01__inner01{
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(610 * var(--formula));
}

.item02 .item_content01__inner01 .item-img02{
  width: calc(610 * var(--formula));
}

.item02 .item_content01__inner01::after{
  content: "";
  position: absolute;
  background-image: url(../img/SVG/moca.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(250.7109 * var(--formula));
  height: calc(53.8716 * var(--formula));
  top: calc(80 * var(--formula));
  right: calc(-90 * var(--formula));
  z-index: 10;
  pointer-events: none;
}

.item02 .scroll-img__section2{
  position: absolute;
  top: 0;
  right: -15%;
  margin-top: calc(521.9249 * var(--formula));
}

.item02 .p-talk__contents2.phase-2 .sec_img-slide{
  width: calc(521.9249 * var(--formula));
}

.item02 .item_content01 .credit_list{
  flex-direction: column;
}

.item02 .item_content02{
  padding-bottom: calc(120 * var(--formula));
}

.item02 .item_content02 .credit_list{
  width: calc(630 * var(--formula));
}

.item02 .item02-img03{
  width: calc(530 * var(--formula));
  margin: calc(90 * var(--formula)) auto;
}

.item02 .item02_slider_reverse,
.item02 .item02_slider{
  height: calc(56 * var(--formula));
}

.item02 .item02_slider_reverse.infinite_slider::before,
.item02 .item02_slider.infinite_slider::before{
  background-image: url(../img/hbf_slider.png);
  height: calc(56 * var(--formula));
}

.item02 .product05-slider::after{
  background-image: url(../img/SVG/black.svg);
  width: calc(278.4609 * var(--formula));
  height: calc(53.8716 * var(--formula));
  bottom: calc(30 * var(--formula));
  right: calc(22 * var(--formula));
  pointer-events: none;
}

/* -----------------------  .item03 */
.item03{
  background-color: var(--color-pink);
  padding: calc(160 * var(--formula)) 0 calc(43 * var(--formula));
}

.item03 .credit_item,
.item03 .item_text,
.item03 .crdt{
  color: var(--color-white);
}

.item03 .credit_item{
  margin: calc(37 * var(--formula)) auto calc(28 * var(--formula));
}

.item03 .item03-img01__wrapper{
  width: calc(550 * var(--formula));
  margin: 0 auto;
}
.item03 .item03-img01__wrapper::after{
  content: "";
  position: absolute;
  z-index: 10;
  background-image: url(../img/SVG/wit.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: calc(40 * var(--formula));
  right: calc(-77 * var(--formula));
  width: calc(244 * var(--formula));
  height: calc(87.6948 * var(--formula));
}

.item03 .item03_svg{
  width: calc(198.2793 * var(--formula));
  bottom: calc(35 * var(--formula));
  left: calc(24 * var(--formula));
}

.item03 .item_content01{
  position: relative;
  width: 100%;
  padding-bottom: calc(101 * var(--formula));
}

.item03 .item03-img03{
  width: calc(530 * var(--formula));
  margin: 0 auto;
}

.item03 .item_content02{
  padding-bottom: 0;
}

.item03 .item03-img02::after{
  content: "";
  position: absolute;
  z-index: 10;
  background-image: url(../img/SVG/mash_mnh.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: calc(517 * var(--formula));
  height: calc(55 * var(--formula));
  top: calc(30 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
}

.item03 .item_content02 .credit_list{
  width: calc(450 * var(--formula));
  margin: calc(68 * var(--formula)) 0 0 calc(30 * var(--formula));
}

/* -----------------------  .last_sec */
.last_sec{
  background-color: var(--color-pinkbeige);
  padding: calc(80 * var(--formula)) 0 calc(80 * var(--formula));
}

.last_sec .last-img{
  width: calc(290 * var(--formula));
  margin: calc(123 * var(--formula)) auto calc(80 * var(--formula));
}

.last_sec .cai_btn{
  width: calc(486 * var(--formula));
  margin: 0 auto calc(120 * var(--formula));
}

/* .last_sec_slider,
.last_sec_slider_reverse{
  height: calc(70 * var(--formula));
}

.last_sec .last_sec_slider.infinite_slider::before,
.last_sec .last_sec_slider_reverse.infinite_slider::before{
  background-image: url(../img/last-slider.png);
  height: calc(70 * var(--formula));
} */
.p-common_info__more-event-image{
  display: flex;
}

.p-common_info__more-event-image-block{
  display: flex;
}

.p-common_info__more-event-image img{
  width: calc(70 * var(--formula));
  margin-right: calc(120 * var(--formula));
}

.last_sec_slider.--reverse .p-common_info__more-event-image img{
  margin-left: calc(120 * var(--formula));
}

.last_sec_slider.--reverse{
  display: flex;
  margin-right: calc(-40 * var(--formula));
}

.last_sec_slider{
  display: flex;
  margin-left: calc(-40 * var(--formula));
}

.staff_list__inner{
  font-family: var(--font-en);
  font-weight: var(--font-weight-medium);
  line-height: 2;
  letter-spacing: 0.04em;
  font-size: calc(22 * var(--formula));
  text-align: center;
  margin: calc(150 * var(--formula)) auto calc(150 * var(--formula));
}

.mnh_logo{
  width: calc(130 * var(--formula));
  margin: 0 auto calc(160 * var(--formula));
}

.mnh{
  width: calc(80 * var(--formula));
  margin: 0 auto;
}

/* ******************************************************************

***************************************************************** */
/* -----------------------  .scroll-section */
/* .scroll-img__section {
  position: relative;
  width: 100%;
  overflow: hidden;
} */

/* .item01 .p-talk__container{
  position: sticky;
  top: calc(-450 * var(--formula));
  height: calc(2871* var(--formula));
}

.item02 .p-talk__container{
  position: sticky;
  top: 0;
} */

/* .pin-spacer {
  height: calc(2000 * var(--formula)) !important;
  padding: calc(1156 * var(--formula)) !important;
} */

.p-talk__contents2{
  position: relative;
  width: calc(521.9249 * var(--formula));
  margin: 0 auto;
}

.p-talk__contents{
  /* aspect-ratio: 873 / 608; */
  position: relative;
  height: calc(583.7427 * var(--formula));
  width: calc(726.8504 * var(--formula));
  margin: 0 auto;
}

.p-talk__images{
  position: relative;
}

.p-talk__contents2 .sec_img-slide,
.p-talk__contents .sec_img-slide {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity .62s cubic-bezier(.165, .84, .44, 1), transform .62s cubic-bezier(.215, .61, .355, 1);
}

.item02 .p-talk__contents2.phase-2 .sec_img-slide,
.item01 .p-talk__contents.phase-1 .sec_img-slide{
  opacity: 1;
  pointer-events: auto;
  transform: translate(0);
}

.sec_img-slide a:hover{
  opacity: 1;
}

.item01 .sec_img-slide:first-of-type {
  z-index: 2;
  width: calc(687.1907 * var(--formula));
  left: 7.12%;
  margin-top: calc(23 * var(--formula));
  transform: translateY(20%) rotate(2deg);
}

.item01 .sec_img-slide:nth-child(2) {
  z-index: 3;
  width: calc(726.8504 * var(--formula));
  right: -5.9%;
  margin-top: calc(-4 * var(--formula));
  transition-delay: .18s;
  transform: translateY(20%) rotate(-2deg);
}

.item02 .p-talk__contents2 .sec_img-slide{
  z-index: 2;
  /* right: -5.3%; */
  margin-top: calc(23 * var(--formula));
  transform: translateY(20%) rotate(-2deg);
}

/*
.scroll-img__content{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.scroll-img__wrapper {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(1276 * var(--formula));
  z-index: 1;
}

.sec_img-slide {
  position: absolute;
}

.sec_img-slide .inner {
  width: calc(580* var(--formula));
  height: auto;
  margin-top: calc(46 * var(--formula));
} */

/* ******************************************************************
slider画像調整
***************************************************************** */
#LB251118blackfriday .product-slider{
  position: relative;
  z-index: 1;
}

#LB251118blackfriday .product-slider::after{
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
}

#LB251118blackfriday .product02-slider {
  margin-top: calc(39 * var(--formula));
}
#LB251118blackfriday .product02-slider .slick-list {
  padding-right: calc(100 * var(--formula));
}
#LB251118blackfriday .product02-slider .slide-item {
  width: calc(630 * var(--formula));
  margin-right: calc(15 * var(--formula));
}

#LB251118blackfriday .product05-slider {
  margin-top: calc(110 * var(--formula));
}

#LB251118blackfriday .product05-slider .slick-list {
  padding-left: calc(100 * var(--formula));
}

#LB251118blackfriday .product05-slider .slide-item {
  width: calc(634 * var(--formula));
  margin-left: calc(16 * var(--formula));
}

.product-slider[data-fade=parentR][data-is-active=true] .slick-slide {
  opacity: 1;
  transform: translateX(0);
}

#LB251118blackfriday .product-slider[data-fade=parentL] .slide-item {
  opacity: 0;
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
  transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
}

#LB251118blackfriday .product-slider[data-fade=parentR] .slide-item {
  opacity: 0;
  -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
  transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
}

#LB251118blackfriday .product-slider[data-fade=parentR][data-is-active=true] .slide-item {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

#LB251118blackfriday .product-slider[data-fade=parentL][data-is-active=true] .slide-item {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

#LB251118blackfriday .delay01 {
  -webkit-transition-delay: 0.3s !important;
          transition-delay: 0.3s !important;
}


/* ******************************************************************
animation
***************************************************************** */
/* ______________________fade */
.js-show.fadeUp{
  opacity: 0;
  transform: translate(0px, 40px);
}

.js-show.fadeUp.is-active{
  opacity: 1;
  transform: translate(0px, 0px);
  transition: opacity 650ms, transform 1100ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1100ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* ______________________infinite slider */
.infinite_slider{
  position: relative;
}

.infinite_slider::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  animation: loop 40s linear infinite;
}

@keyframes loop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -150rem 0;
  }
}

.infinite_slider.--reverse::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  animation: loopReverse 40s linear infinite;
}

@keyframes loopReverse {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 150rem 0;
  }
}


.p-common_info__more-event-image-block{
  animation: p_common_info_event 2.5s cubic-bezier(.645, .045, .355, 1) infinite;
}

@keyframes p_common_info_event {
  30%, 50% {
    transform: translateX(7.14%);
  }
  80%, 100% {
    transform: translateX(14.28%);
  }
}

.--reverse .p-common_info__more-event-image-block{
  animation: p_common_info_event_reverse 2.5s cubic-bezier(.645, .045, .355, 1) infinite;
}

@keyframes p_common_info_event_reverse {
  30%, 50% {
    transform: translateX(-7.14%);
  }
  80%, 100% {
    transform: translateX(-14.28%);
  }
}

/* ______________________slide text on img */
.img_txt__wrapper{
  position: relative;
  overflow: clip;
}

.txt-slide-anim__wrapper{
  display: flex;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin-left: calc(27 * var(--formula));
}

.item_content04 .txt-slide-anim__wrapper{
  top: 49%;
  margin-left: calc(23 * var(--formula));
}

.pink_txt{
  width: calc(607.8203 * var(--formula));
}

.white_txt{
  width: calc(580.8164 * var(--formula));
}

.txt-slide-anim_cont {
  display: flex;
  flex-shrink: 0;
  white-space: nowrap;

  &:nth-child(odd) {
    animation: p_common_info_event_image 3.7s -3.7s infinite ease;
  }

  &:nth-child(even) {
    animation: p_common_info_event_image 3.7s infinite ease;
  }
}

/* @keyframes p_common_info_event_image {
  10%, 60% {
    transform: translateX(-44%);
  }
  70%, 100% {
    transform: translateX(-100%);
  }
} */

@keyframes p_common_info_event_image {
  20%, 50% {
    transform: translateX(-50%);
  }
  70%, 100% {
    transform: translateX(-100%);
  }
}


/* ______________________PC：check all items */
.js-fixedBtn {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.js-fixedBtn.is-show {
  visibility: visible;
  opacity: 1;
}

/* ______________________ snowing */
/* .icon-snow--s {
  width: calc(14 * var(--formula));
  height: calc(14 * var(--formula));
}
.icon-snow--m {
  width: calc(20 * var(--formula));
  height: calc(20 * var(--formula));
}
.icon-snow--l {
  width: calc(30 * var(--formula));
  height: calc(30 * var(--formula));
} */

.snow-fall-animation__frame-objects{
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 10;
}

.snow-fall-animation__frame {
  position: relative;
  overflow: clip;
  width: 100%;
  height: fit-content;
}

.snow-fall-animation__frame-objects {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 10;
}


/* .fall-animation__object {
  will-change: transform, opacity;
  animation-name: snowfall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  width: calc(25 * var(--formula));
  height: calc(25 * var(--formula));
  position: absolute;
  top: calc(-100 * var(--formula));
  left: 0;
  transform-origin: center center;
  transform: scale(var(--fall-scale)) rotate(var(--rotation-end));
  z-index: 10;
  pointer-events: none;
  animation-play-state: paused;
  mix-blend-mode: screen;
} */

.fall-animation__object {
  will-change: transform, opacity;
  animation-name: snowfall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;

  /* 雪の大きさアップ（元の約1.5〜2倍） */
  width: calc(20 * var(--formula));
  height: calc(20 * var(--formula));

  position: absolute;
  top: -80px; /* 上に余裕をもたせる */
  left: 50%;  /* 中央寄せ */
  transform-origin: center center;
  transform: translateX(-50%) scale(var(--fall-scale)) rotate(var(--rotation-end));
  /* transform: scale(var(--fall-scale)) rotate(var(--rotation-end)); */
  mix-blend-mode: screen;
  pointer-events: none;
}

@keyframes snowfall {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg) scale(var(--fall-scale));
  }
  50% {
    transform: translateX(var(--sway-amount)) translateY(calc(var(--fall-height) / 2)) rotate(calc(var(--rotation-end) / 2)) scale(var(--fall-scale));
  }
  100% {
    transform: translateX(0) translateY(var(--fall-height)) rotate(var(--rotation-end)) scale(var(--fall-scale));
  }
}

.snow-fall-animation__frame-objects svg{
  overflow: visible;
}