@charset "UTF-8";
@media screen and (min-width: 981px) {
body {
  display: none;
}
}
/*---------------------------------
              main
---------------------------------*/
@media screen and (max-width: 980px) {
/*---------------------------------
                bar
---------------------------------*/
.bar_bg {
  position: relative;
  background: url("../img/fashion_01_sale/bar/bg/01.png") no-repeat center top;
	background-size: 980px;
  filter: drop-shadow(7px 7px 1px rgb(0, 0, 0,0.4));
  margin: 0 0 -30px 0;
}
/*---------------------------------
            main sale
---------------------------------*/
.category {
  margin: 50px 0 10px 0;
}
.img-shadow {
  filter: drop-shadow(7px 7px 1px rgb(0, 0, 0,0.4));
}
.sale-container,
.pickup-container {
  overflow: hidden;
}
.sale01,
.sale02,
.sale03 {
  position: relative;
}
.m-item1 {
  background:url("../img/fashion_01_sale/bg/03.jpg") repeat center top;
	background-size: cover;
  padding: 50px 25px 50px 25px;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
  margin: 25% 0 20px 0;
}
.m-item2 {
  background:url("../img/fashion_01_sale/bg/04.jpg") repeat center top;
	background-size: cover;
  padding: 50px 25px 50px 25px;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
  margin: 25% 0 20px 0;
}
.m-item3 {
  background:url("../img/fashion_01_sale/bg/05.jpg") repeat center top;
	background-size: cover;
  padding: 50px 25px 50px 25px;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
  margin: 26% 0 150px 0;
}
.m-item4 {
  background:url("../img/fashion_01_sale/bg/06.jpg") repeat center top;
	background-size: cover;
  padding: 50px 25px 50px 25px;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
  margin: 220px 0 20px 0;
}
.m-text1 {
  position: absolute;
  top: 12px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.m-text1-2 {
  position: absolute;
  bottom: -130px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.m-text2 {
  position: absolute;
  top: 40px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.m-text2-2 {
  position: absolute;
  bottom: -220px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.m-text3 {
  position: absolute;
  top: 60px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.m-text3-2 {
  position: absolute;
  bottom: -20px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.m-text4 {
  position: absolute;
  top: -10px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.animation2 {
  animation: tikatika 1s step-end infinite;
}

@keyframes tikatika {
 0% { opacity: 1; }
 50% { opacity: 0; }
 100% { opacity: 1; }
}
.category2 {
  margin-top: 40px;
}
.other-btn {
  width: 800px;
  font-size: 30px !important;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #333333;
  margin: 40px 0 40px 0;
  padding: 25px 0;
  border-radius: 15px;
}

/*---------------------------------
            sub item
---------------------------------*/
.item-container {
  display: flex;
  justify-content: center;
  margin: 40px 0 40px 0;
}
.item {
  margin: 0 4px;
  height: 590px;
}
.item a {
  text-decoration: none;
}
.item-text-container {
  font-size: 28px;
  margin: 5px 0 20px 0;
  text-align: center;
}
.item-sale {
  color: #FFFFFF;
  background-color: #ff65b9;
  border: 1px solid #ff65b9;
  border-radius: 5px;
  padding: 0px 4px;
}
.item-text {
  font-weight: bold;
  color: #ffffff;
  background-color: #ff4747;
  border: 1px solid #ff4747;
  border-radius: 5px;
  padding: 0px 4px;
  margin: 0 0 0 13px;
}
.item-img {
  position: relative;
  width: 460px;
  height: 506px;
  overflow: hidden;
  margin: 0 5px;
}
.item-img a {
  display    : block;
  position   : absolute;
  overflow   : hidden;
  width      : 460px;
  height     : 460px;
}
.item-img img {
  width: 460px;
  height: auto;
  overflow: hidden;
}
.item-img p {
  display    : block;
  position   : absolute;
  font-size: 32px;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 470px;
}
.item-transparent {
  opacity: 0;
}
.item-name {
  position: absolute;
  font-size: 32px;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 470px;
}
.item-price {
  font-size: 33px;
  font-weight: bold;
  color: #fa4998;
  margin-top: 5px;
  text-shadow: 1px 2px 1px #ccc;
}
.blinking{
	-webkit-animation:blink 0.7s ease-in-out infinite alternate;
    -moz-animation:blink 0.7s ease-in-out infinite alternate;
    animation:blink 0.7s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/*---------------------------------
          slider item
---------------------------------*/
.slider-item {
  position: relative;
  width: 460px;
  height: 460px;
  padding-left: 0px;
  margin: 0 5px;
  overflow: hidden;
}
.images {
  position: absolute;
  overflow: hidden;
  height: 0;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  animation: image-switch-animation 10s infinite;
}
@keyframes image-switch-animation {
  0%{ opacity: 0; height: auto;}
  0.1%{ opacity: 1;}
	15%{ opacity: 1;}
  20%{ opacity: 1;}
	21%{ opacity: 0;}
	100%{ opacity: 0;}
}
.images:nth-of-type(1) {
  animation-delay: 0s;
}
.images:nth-of-type(2) {
  animation-delay: 2s;
}
.images:nth-of-type(3) {
  animation-delay: 4s;
}
.images:nth-of-type(4) {
  animation-delay: 6s;
}
.images:nth-of-type(5) {
  animation-delay: 8s;
}

.slide-name-container {
  position: relative;
}
.slide-name {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  font-size: 32px;
  opacity: 0;
  animation: name-switch-animation 10s infinite;
}
@keyframes name-switch-animation {
  0%{ opacity: 0;}
  0.1%{ opacity: 1;}
	15%{ opacity: 1;}
  20%{ opacity: 1;}
	21%{ opacity: 0;}
	100%{ opacity: 0;}
}
.slide-name:nth-of-type(1) {
  animation-delay: 0s;
}
.slide-name:nth-of-type(2) {
  animation-delay: 2s;
}
.slide-name:nth-of-type(3) {
  animation-delay: 4s;
}
.slide-name:nth-of-type(4) {
  animation-delay: 6s;
}
.slide-name:nth-of-type(5) {
  animation-delay: 8s;
}














/*---------------------------------
            animation
---------------------------------*/
@-webkit-keyframes tada {
  0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }
  10%,20% {
      -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
      transform: scale3d(.9,.9,.9) rotate(-3deg)
  }
  30%,50%,70%,90% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
      transform: scale3d(1.1,1.1,1.1) rotate(3deg)
  }
  40%,60%,80% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
      transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
  }
  to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }
}
@keyframes tada {
  0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }
  10%,20% {
      -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
      transform: scale3d(.9,.9,.9) rotate(-3deg)
  }
  30%,50%,70%,90% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
      transform: scale3d(1.1,1.1,1.1) rotate(3deg)
  }
  40%,60%,80% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
      transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
  }
  to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}



/*---------------------------------
         item_scroll table
---------------------------------*/
.brand_shadow {
  filter: drop-shadow(13px 13px 0px rgb(0, 0, 0,0.3));
}
.item_scroll-wrapper {
  position: relative;
}
.item_scroll-container {
  width: 980px;
  overflow: hidden;
  margin: 370px 0 0 0;
}
.item_scroll-container2 {
  width: 980px;
  overflow: hidden;
  margin: 480px 0 0 0;
}
.item_scroll-container3 {
  width: 980px;
  overflow: hidden;
  margin: 250px 0 80px 0;
}
.item_text1 {
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: -230px;
  z-index: 99;
}
.item_scroll_table {
  padding: 0 0 0 50px;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.item_scroll_table table {
  display: inline-block;
  white-space: nowrap;
  padding: 30px 20px 10px 20px;
  border: 10px solid pink;
  border-radius: 15px;
  background: url("../img/fashion_01_sale/brand-item/bg/03.jpg") repeat center top;
	background-size: cover;
}
.item_scroll_table2 table {
  display: inline-block;
  white-space: nowrap;
  padding: 30px 20px 10px 20px;
  border: 10px solid #0082be;
  border-radius: 15px;
  background: url("../img/fashion_01_sale/brand-item/bg/04.jpg") repeat center top;
	background-size: cover;
}
.item_scroll_table3 table {
  display: inline-block;
  white-space: nowrap;
  padding: 30px 20px 10px 20px;
  border: 10px solid #00be09;
  border-radius: 15px;
  background: url("../img/fashion_01_sale/brand-item/bg/05.jpg") repeat center top;
	background-size: cover;
}
.item_scroll_table4 table {
  display: inline-block;
  white-space: nowrap;
  padding: 30px 20px 10px 20px;
  border: 10px solid #f8ff90;
  border-radius: 15px;
  background: url("../img/fashion_01_sale/brand-item/bg/07.jpg") repeat center top;
	background-size: cover;
}
.item_scroll_table5 table {
  display: inline-block;
  white-space: nowrap;
  padding: 30px 20px 10px 20px;
  border: 10px solid #e590ff;
  border-radius: 15px;
  background: url("../img/fashion_01_sale/brand-item/bg/09.jpg") repeat center top;
	background-size: cover;
}
.item_scroll_table6 table {
  display: inline-block;
  white-space: nowrap;
  padding: 30px 20px 10px 20px;
  border: 10px solid #ff9090;
  border-radius: 15px;
  background: url("../img/fashion_01_sale/brand-item/bg/11.jpg") repeat center top;
	background-size: cover;
}
.item_scroll_table7 table {
  display: inline-block;
  white-space: nowrap;
  padding: 30px 20px 10px 20px;
  border: 10px solid #ffc273;
  border-radius: 15px;
  background: url("../img/fashion_01_sale/brand-item/bg/13.jpg") repeat center top;
	background-size: cover;
}
.item_scroll_table8 table {
  display: inline-block;
  white-space: nowrap;
  padding: 30px 20px 10px 20px;
  border: 10px solid #ffcb90;
  border-radius: 15px;
  background: url("../img/fashion_01_sale/brand-item/bg/15.jpg") repeat center top;
	background-size: cover;
}
.item_scroll_table9 table {
  display: inline-block;
  white-space: nowrap;
  padding: 30px 20px 10px 20px;
  border: 10px solid #90fbff;
  border-radius: 15px;
  background: url("../img/fashion_01_sale/brand-item/bg/17.jpg") repeat center top;
	background-size: cover;
}
.item_scroll_table10 table {
  display: inline-block;
  white-space: nowrap;
  padding: 30px 20px 10px 20px;
  border: 10px solid #45ff64;
  border-radius: 15px;
  background: url("../img/fashion_01_sale/brand-item/bg/19.jpg") repeat center top;
	background-size: cover;
}
.item_scroll_table11 table {
  display: inline-block;
  white-space: nowrap;
  padding: 30px 20px 10px 20px;
  border: 10px solid pink;
  border-radius: 15px;
  background: url("../img/fashion_01_sale/brand-item/bg/21.jpg") repeat center top;
	background-size: cover;
}
.item_scroll_table div {
  margin: 10px 5px 0px 5px;
}
.item_scroll_table p {
  font-size: 32px;
  color: #ff65b9;
  margin: 5px 0 10px 0;
}
.item-flame {
  position: relative;
  width: 250px;
  height: 350px;
  overflow: hidden;
  background:url("../img/fashion_01_sale/brand-item/bg/02.jpg") repeat center top;
	background-size: cover;
  border: 5px solid pink;
}
.item-flame2 {
  position: relative;
  width: 250px;
  height: 350px;
  overflow: hidden;
  background:url("../img/fashion_01_sale/brand-item/bg/01.jpg") repeat center top;
	background-size: cover;
  border: 5px solid skyblue;
}
.item-flame3 {
  position: relative;
  width: 250px;
  height: 350px;
  overflow: hidden;
  background:url("../img/fashion_01_sale/brand-item/bg/06.jpg") repeat center top;
	background-size: cover;
  border: 5px solid lightgreen;
}
.item-flame4 {
  position: relative;
  width: 250px;
  height: 350px;
  overflow: hidden;
  background:url("../img/fashion_01_sale/brand-item/bg/08.jpg") repeat center top;
	background-size: cover;
  border: 5px solid rgb(253, 255, 125);
}
.item-flame5 {
  position: relative;
  width: 250px;
  height: 350px;
  overflow: hidden;
  background:url("../img/fashion_01_sale/brand-item/bg/10.jpg") repeat center top;
	background-size: cover;
  border: 5px solid rgb(228, 91, 255);
}
.item-flame6 {
  position: relative;
  width: 250px;
  height: 350px;
  overflow: hidden;
  background:url("../img/fashion_01_sale/brand-item/bg/12.jpg") repeat center top;
	background-size: cover;
  border: 5px solid rgb(196, 16, 16);
}
.item-flame7 {
  position: relative;
  width: 250px;
  height: 350px;
  overflow: hidden;
  background:url("../img/fashion_01_sale/brand-item/bg/14.jpg") repeat center top;
	background-size: cover;
  border: 5px solid rgb(194, 78, 0);
}
.item-flame8 {
  position: relative;
  width: 250px;
  height: 350px;
  overflow: hidden;
  background:url("../img/fashion_01_sale/brand-item/bg/16.jpg") repeat center top;
	background-size: cover;
  border: 5px solid rgb(112, 55, 1);
}
.item-flame9 {
  position: relative;
  width: 250px;
  height: 350px;
  overflow: hidden;
  background:url("../img/fashion_01_sale/brand-item/bg/18.jpg") repeat center top;
	background-size: cover;
  border: 5px solid rgb(0, 199, 235);
}
.item-flame10 {
  position: relative;
  width: 250px;
  height: 350px;
  overflow: hidden;
  background:url("../img/fashion_01_sale/brand-item/bg/20.jpg") repeat center top;
	background-size: cover;
  border: 5px solid rgb(5, 161, 0);
}
.item-flame11 {
  position: relative;
  width: 250px;
  height: 350px;
  overflow: hidden;
  background:url("../img/fashion_01_sale/brand-item/bg/22.jpg") repeat center top;
	background-size: cover;
  border: 5px solid pink;
}
.brand-item {
  position: absolute;
  top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}



/*---------------------------------
         special category
---------------------------------*/
.special_category-container {
  overflow: hidden;
}
.s_c_item-container {
  position: relative;
}
.s_c-item1 {
  background:url("../img/fashion_01_sale/specialcategory/bg/01.jpg") repeat center top;
	background-size: cover;
  padding: 50px 25px 50px 25px;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
  margin: 27% 0 20px 0;
}
.s_c-item2 {
  background:url("../img/fashion_01_sale/specialcategory/bg/02.jpg") repeat center top;
	background-size: cover;
  padding: 50px 25px 50px 25px;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
  margin: 25% 0 20px 0;
}
.s_c-item3 {
  background:url("../img/fashion_01_sale/specialcategory/bg/03.jpg") repeat center top;
	background-size: cover;
  padding: 50px 25px 50px 25px;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
  margin: 25% 0 20px 0;
}
.s_c-text1 {
  position: absolute;
  top: 35px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.s_c-text1-2 {
  position: absolute;
  bottom: -170px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.s_c-text2 {
  position: absolute;
  top: 60px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.s_c-text2-2 {
  position: absolute;
  bottom: -200px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.s_c-text3 {
  position: absolute;
  top: 60px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.s_c-text3-2 {
  position: absolute;
  bottom: -220px;
  margin: 0 auto;
  right: 0;
  left: 0;
}






















}