@charset "utf-8";

.inview {
  opacity: 0;
}

/*.scrolled main {
    padding-top: calc(60px + var(--fsBannerHeight));
}
*/
.wrapper {
  display: block;
}

a:hover {
  opacity: 1;
}



#mk {
  margin: 0px;
  padding: 0px;
}

footer {
  margin-top: 0px;
}




#mk .cbg {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  width: 100%;
}


#mk .mv {
  margin: 0px;
  padding: 0px;
}

#mk .mv h1 {
  position: absolute;
  top: 5.5vw;
  left: 0%;
  width: 100%;
  text-align: center;
}

#mk .mv h1 img {
  width: 60.5vw;
}

#mk .mv .mv-lead {
  position: absolute;
  top: 22.1vw;
  width: 100%;
  font-size: 4.5vw;
  line-height: 1.3;
}

#mk .mv .mv-label {
  position: absolute;
  top: 84.3vw;
  width: 100%;
  text-align: center;
}

/* #mk .mv .mv-label img {
	width: 86.3vw;
} */

#mk .mv .mv-label img {
  width: 54.2vw;
}

#mk .mv .mv-zenkoku {
  position: absolute;
  top: 93.1vw;
  width: 100%;
  font-size: 2.9vw;
}

#mk .mv .mv-obj1 {
  position: absolute;
  bottom: -11.4vw;
  width: 21.4vw;
}

#mk .mv .mv-obj2 {
  position: absolute;
  bottom: -10.9vw;
  left: auto;
  right: 0;
  width: 11.6vw;
}

.kv_icon {
  width: 22.9vw;
  left: inherit;
  top: 27vw;
  right: 2vw;
}

#mk .mlead {
  margin: 0px;
  padding: 9.6vw 0 13.5vw;
  box-sizing: border-box;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/bg_4step.jpg);
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100% auto;
  height: auto;
}


#mk .mlead .mlead-text {
  font-size: 3.8vw;
  line-height: 1.6;
}

#mk .mlead .nav ul {
  width: 86.9vw;
  row-gap: 3vw;
  margin: 7.1vw auto 0;
}

#mk .mlead .nav ul li {
  width: 41.3vw;
}

#mk .mlead .nav ul li a {
  font-size: 3.2vw;
  line-height: 1.2;
  height: 12.4vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20230629/nav_arrow.svg);
  background-repeat: no-repeat;
  background-position: center bottom 2vw;
  background-size: 3.4vw auto;
  align-items: flex-start;
  box-shadow: 0 0.7vw 2.3vw 0 rgba(62, 62, 62, 0.35);
  padding: 3vw 0 0;
  box-sizing: border-box;
}

#mk .mlead .nav ul li a span {
  text-align: center;
}

#mk .fra-pira {
  padding: 0;
}

#mk .fra-pira:before {
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/line1.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 100% 100%;
  height: 9.5vw;
}

#mk .fra-pira:after {
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/line1.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 100% 100%;
  height: 9.5vw;
}

#mk .fra-pira-inbg {
  padding: 19.2vw 0 12.4vw;
  position: relative;
}


#mk .fra-pira .fra-pira-inbg:after {
  content: "";
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/line3.png);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.5vw;
}

#mk .fra-pira .fra-pira-bg1 {
  margin: 0;
  padding: 0px;
}

#mk .fra-pira .fra-pira-bg2 {
  margin: 0;
  padding: 0;
}

#mk .fra-pira h2 {
  margin: 0px auto;
  width: 45.7vw;
}

#mk .fra-pira .component {
  margin: 5.8vw auto 0;
  width: 84.4vw;
}

#mk .fra-pira .component h3 a {
  padding: 3.4vw 0;
  font-size: 3.8vw;
  border-top: 1px solid #4a4441;
  border-bottom: 1px solid #4a4441;
}

#mk .fra-pira .component h3 a .icon {
  font-size: 5vw;
  right: 1.8vw;
}

#mk .fra-pira .component-more {
  padding: 6vw 0;
  border-bottom: 1px solid #4a4441;
}

#mk .fra-pira .fra-flex .fra-flex-in h4 {
  font-size: 4.1vw;
}

#mk .fra-pira .fra-flex .fra-flex-in .fra-text {
  font-size: 3.1vw;
  line-height: 1.4;
  padding: 2.6vw 0 0;
}

#mk .fra-pira .fra-flex .pira {
  margin: 0 auto;
  padding: 5.6vw 0 0;
  width: 81.9vw;
}

#mk .fra-pira .fra-pira-obj1 {
  position: absolute;
  bottom: 1px;
  right: 0;
  width: 13.7vw;
  z-index: 20;
}



#mk .sk {
  padding: 0;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/bg_sk.jpg);
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100% auto;
}

#mk .sk .sk-inner {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 22.5vw 0 20.3vw;
}

#mk .sk h2 {
  margin: 0 auto;
  width: 54.5vw;
}

#mk .sk .sk-frame {
  margin: 7.9vw auto 0;
  padding: 0;
  width: 91.9vw;
  height: 144.9vw;
  height: 152.9vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/frame_sk1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#mk .sk .sk-frame.k2 {
  margin: 6vw auto 0;
  width: 91.9vw;
  height: 140vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20250703/frame_sk2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#mk .sk .kit-block {
  margin: 0;
  padding: 9.7vw 0 0;
}

#mk .sk .kit-block .kit-block-in {
  flex-direction: column;
  margin-top: 5.4vw;
}

#mk .sk .kit-block .text {
  font-size: 4.1vw;
  line-height: 1.4;
  padding-top: 0;
}

#mk .sk .kit-block .img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
}

#mk .sk .k1 .kit-block .img {
  width: 59.7vw;
  margin-top: 0;
  padding-left: 12vw;
}

#mk .sk .k2 .kit-block .img {
  width: 49.7vw;

}

#mk .sk .kit-block .img .limited {
  position: absolute;
  top: -0.7vw;
  left: -14.7vw;
  width: 13.1vw;
  height: 13.1vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/label_limited.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#mk .sk .kit-block .img .limited .ltext {
  font-size: 3.2vw;
}

#mk .sk .kit-block .data {
  margin: 0 auto;
  padding: 3.4vw 0 0;
}

#mk .sk .kit-block .kit-block-in-rev .data {
  margin: 0 auto;
}

#mk .sk .kit-block .data h3 {
  font-size: 3.6vw;
}

#mk .sk .kit-block .data .price {
  font-size: 3.6vw;
}

#mk .sk .kit-block .data .btn,
#mk .sk .kit-block .data .bcs {
  padding: 4.5vw 0 0;
}

#mk .sk .kit-block .data .btn a {
  padding: 3.6vw 0;
  font-size: 3.2vw;
  width: 41.2vw;
}

#mk .sk .kit-block .data .btn a svg {
  right: 2.3vw;
  font-size: 2.4vw;
}

#mk .sk .kit-block .data .bcs .bbg {
  padding: 3.6vw 0;
  font-size: 2.9vw;
  width: 41.2vw;
}

#mk .sk .kit-block .data .link {
  margin: 2.6vw 0 0;
}

#mk .sk .kit-block .data .link a {
  padding: 0 5.1vw 1.1vw 0.5vw;
  font-size: 3.2vw;
}

#mk .sk .kit-block .data .link a:after {
  top: -0.2vw;
  width: 3.6vw;
  height: 3.6vw;
}

#mk .sk .kit-block .kit-text {
  margin: 4vw auto 0;
  padding: 4vw 0;
  width: 60.2vw;
}

#mk .sk .kit-block .kit-text h4 {
  font-size: 3.2vw;
}

#mk .sk .kit-block .kit-text p.kit-t {
  padding: 2.2vw 0 0;
  font-size: 2.9vw;
  line-height: 1.3;
}

#mk .sk .sk-obj1 {
  position: absolute;
  top: 9vw;
  left: 0;
  width: 19.4vw;
}

#mk .sk .sk-obj2 {
  position: absolute;
  top: 9vw;
  right: 0;
  width: 19.6vw;
  z-index: 20;
}

#mk .sk .sk-obj3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25.8vw;
  z-index: 20;
}


#mk .sk .item-slider-block {
  padding: 10.2vw 0 0;
  width: 100%;
}

#mk .sk .item-slider {
  margin: 0px;
  padding: 0;
  width: 100%;
}

#mk .sk .item-slider>ul {
  width: 100%;
}

#mk .sk .item-slider>ul>li {
  padding: 0 0 0.2vw;
  width: 100%;
}

#mk .sk .item-slider .text {
  font-size: 4.1vw;
  line-height: 1.3;
}

#mk .sk .item-slider ul li .img {
  margin: 5.6vw auto 0;
  width: 41vw;
}

#mk .sk .item-slider ul li .img .limited {
  position: absolute;
  top: -3.4vw;
  left: -4.1vw;
  width: 13.1vw;
  height: 13.1vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/label_limited.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#mk .sk .item-slider ul li.sk1-2 .limited {
  position: absolute;
  top: -4.2vw;
  left: -4.4vw;
}

#mk .sk .item-slider ul li .img .limited .ltext {
  font-size: 3.2vw;
}

#mk .sk .item-slider ul li .name-and-price {
  padding: 2.8vw 0 0;
}

#mk .sk .item-slider ul li h3 {
  font-size: 3.6vw;
}

#mk .sk .item-slider ul li .price {
  font-size: 3.6vw;
}

#mk .sk .item-slider ul li .btn,
#mk .sk .item-slider ul li .bcs {
  padding: 4.5vw 0 0;
}

#mk .sk .item-slider ul li .btn a {
  padding: 3.6vw 0;
  font-size: 3.2vw;
  width: 41.2vw;
}

#mk .sk .item-slider ul li .btn a svg {
  right: 2.3vw;
  font-size: 2.4vw;
}

#mk .sk .item-slider ul li .bcs .bbg {
  padding: 3.6vw 0;
  font-size: 2.9vw;
  width: 41.2vw;
}

#mk .sk .item-slider ul li .link {
  margin: 2.6vw 0 0;
}

#mk .sk .item-slider ul li .link a {
  padding: 0 5.1vw 1.1vw 0.5vw;
  font-size: 3.2vw;
}

#mk .sk .item-slider ul li .link a:after {
  top: -0.2vw;
  width: 3.6vw;
  height: 3.6vw;
}

#mk .sk .item-slider ul li .kit-text {
  margin: 4vw auto 0;
  padding: 4vw 0;
  width: 60.2vw;
}

#mk .sk .item-slider ul li .kit-text h4 {
  font-size: 3.2vw;
}

#mk .sk .item-slider ul li .kit-text p.kit-t {
  padding: 2.2vw 0 0;
  font-size: 2.9vw;
  line-height: 1.3;
}


#mk .sk .item-slider .slick-arrow {
  top: 37.7vw;
  width: 3.3vw;
  height: 6.5vw;
  display: block;
}

#mk .sk .item-slider .slick-prev {
  left: 14.2vw;
  background-repeat: no-repeat;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/arrow_prev.png);
  background-position: 0 0;
  background-size: 100% 100%;
}

#mk .sk .item-slider .slick-next {
  right: 14.2vw;
  background-repeat: no-repeat;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/arrow_next.png);
  background-position: 0 0;
  background-size: 100% 100%;
}

#mk .sk .item-slider .slick-dots {
  position: absolute;
  bottom: -7.9vw;
}

#mk .sk .item-slider .slick-dots li {
  margin: 0 4px;
}




#mk .bc {
  padding: 0px;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/bg_4step.jpg);
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100% auto;
}

#mk .bc:before {
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/line1.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 100% 100%;
  height: 9.5vw;
}

#mk .bc .bc-bg1:before {
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/line2.png);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 100% 100%;
  height: 2.5vw;
  top: 9.5vw;
}

#mk .bc .bc-inner {
  padding: 13.5vw 0 19.2vw;
}

#mk .bc h2 {
  margin: 0 auto;
  width: 67.5vw;
}

#mk .bc .lead-text {
  margin: 0;
  padding: 5.1vw 0 0;
  font-size: 4.3vw;
  line-height: 1.3;
}

.step-slider {
  width: 89vw;
}

.step-slider .slick-arrow {
  top: 44%;
}

#mk .bc .step-list {
  margin: 6.3vw auto 0;
  padding: 0;
  width: 87vw;
}


#mk .bc .step-list .step-block-in {
  width: 100%;
  margin: 0 auto;
  padding: 10.7vw 0 6.5vw;

}


#mk .bc .step-list .step-block-in2 {
  width: 73.9vw;
  margin: 0 auto;
  padding: 0px;
}


#mk .bc .step-list .step-block .bgt {
  position: absolute;
  top: 8.5vw;
  left: 9.4vw;
  right: auto;
  width: 16.7vw;
}

#mk .bc .step-list .step-block.step2 .bgt {
  position: absolute;
  top: 9.8vw;
  right: auto;
  left: 4.9vw;
  width: 27.1vw;
}

#mk .bc .step-list .step-block.step3 .bgt {
  position: absolute;
  top: 8.1vw;
  right: auto;
  left: 5.8vw;
  width: 25.6vw;
}

#mk .bc .step-list .step-block.step4 .bgt {
  position: absolute;
  top: 8.8vw;
  right: auto;
  left: 6.1vw;
  width: 24.9vw;
}


#mk .bc .step-list .step-block h4 {
  padding: 0px;
}

#mk .bc .step-list .step-block.step2 h4,
#mk .bc .step-list .step-block.step3 h4 {
  padding-top: 0;
}

#mk .bc .step-list .step-block h4 .step-tbg {
  margin: 0 auto;
  font-size: 4.1vw;
  width: 15.1vw;
}

#mk .bc .step-list .step-block h4 .step-tbg:before,
#mk .bc .step-list .step-block h4 .step-tbg:after {
  border-top: 1px solid #ef7900;
}

#mk .bc .step-list .step-block h4 .step-tbg:before {
  margin-right: 1.1vw;
}

#mk .bc .step-list .step-block h4 .step-tbg:after {
  margin-left: 1.1vw;
}

#mk .bc .step-list .step-block.step2 h4 .step-tbg {
  width: 13.5vw;
}

#mk .bc .step-list .step-block.step3 h4 .step-tbg {
  width: 13.5vw;
}

#mk .bc .step-list .step-block.step4 h4 .step-tbg {
  width: 13.5vw;
}

#mk .bc .step-list .step-block h4 .step-num {
  font-size: 4.1vw;
}

#mk .bc .step-list .step-block h4 .step-tjp {
  padding: 2.8vw 0 0;
  font-size: 8.6vw;
}

#mk .bc .step-list .step-block h4 .step-ten {
  padding: 0.9vw 0px 0px;
  font-size: 3.4vw;
  line-height: 1;
}

#mk .bc .step-list .step-block .text {
  padding: 4.5vw 0 0;
  font-size: 3.8vw;
  font-feature-settings: "palt";
  letter-spacing: 0.025em;
  line-height: 1.3;
}

#mk .bc .step-list .step-block .img {
  margin: 5.1vw 0 0;
  padding: 0px;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 10;
}

#mk .bc .step-list .step-block .img img {
  width: 100%;
}

/* #mk .bc .step-list .step-block.step2 .img {
  margin: 16vw auto 0;
} */

#mk .bc .step-list .step-block .img .scrub__label {
  width: 60vw;
}


#mk .bc .step-list .step-block .img .limited {
  position: absolute;
  top: 2.5vw;
  left: 1.8vw;
  width: 15.5vw;
  height: 15.5vw;
}

#mk .bc .step-list .step-block .img .limited .ltext {
  font-size: 3.6vw;
}

#mk .bc .step-list .step-block .data {
  padding: 4.7vw 0 0;
}

#mk .bc .step-list .step-block .data h5 {
  font-size: 3.6vw;
}

#mk .bc .step-list .step-block .data .price {
  font-size: 3.6vw;
}

#mk .bc .step-list .step-block .data .btn,
#mk .bc .step-list .step-block .data .bcs {
  padding: 4.5vw 0 0;
}

#mk .bc .step-list .step-block .data .btn a {
  padding: 3.6vw 0;
  font-size: 3.2vw;
  width: 41.2vw;
}

#mk .bc .step-list .step-block .data .btn a svg {
  right: 2.3vw;
  font-size: 2.4vw;
}

#mk .bc .step-list .step-block .data .bcs .bbg {
  padding: 3.6vw 0;
  font-size: 2.9vw;
  width: 41.2vw;
}

#mk .bc .step-list .step-block .data .link {
  margin: 2.6vw 0 0;
}

#mk .bc .step-list .step-block .data .link a {
  padding: 0 5.1vw 1.1vw 0.5vw;
  font-size: 3.2vw;
}

#mk .bc .step-list .step-block .data .link a:after {
  top: -0.2vw;
  width: 3.6vw;
  height: 3.6vw;
}

.small-size-wrapper {
  width: 78.3vw;
  margin: 4.8vw auto 0;
  padding: 3vw 0 2.2vw;
}

.small-size-wrapper a {
  font-size: 3.6vw;
  padding-left: 3vw;
}

.small-size-wrapper a span {
  margin-left: 2.8vw;
}

.small-size-wrapper a svg {
  font-size: 3vw;
  right: 1.5vw;
}


#mk .bc .bc-obj1 {
  position: absolute;
  top: 44.5vw;
  left: 0;
  width: 15.6vw;
  z-index: 40;
}

#mk .bc .bc-obj2 {
  position: absolute;
  top: 34.8vw;
  right: 0;
  width: 16.9vw;
  z-index: 40;
}

#mk .bc .bc-obj3 {
  position: absolute;
  top: inherit;
  bottom: 0;
  right: 0;
  width: 31.4vw;
  z-index: 40;
}

#mk .bc .bc-obj4 {
  position: absolute;
  top: inherit;
  bottom: 3vw;
  left: 0;
  width: 11vw;
  z-index: 40;
}

#mk .oi {
  margin: 0px;
  padding: 0px;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20220617/bg_sk.jpg);
  background-repeat: repeat-y;
  background-size: 100% auto;
}

#mk .oi:before {
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/line1.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 100% 100%;
  height: 9.5vw;
}

#mk .oi .oi-bg1 {
  margin: 0px;
  padding: 9.5vw 0 0px;
}

#mk .oi .oi-bg2 {
  margin: 0;
  padding: 14.6vw 0 12.7vw;
  width: 100%;
  position: relative;
}

#mk .oi h2 {
  width: 48.8vw;
}

#mk .oi .single-block {
  margin: 12.4vw auto 0;
  padding: 14vw 0 0;
  width: 100%;
}

#mk .oi .single-block .text {
  padding: 0;
  font-size: 4.1vw;
  line-height: 1.3;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

#mk .oi .single-block .img {
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 0px;
  left: 0px;
  width: 73.4vw;
  text-align: center;
}

#mk .oi .single-block .img .limited {
  position: absolute;
  top: 7.3vw;
  left: 7vw;
  width: 15.5vw;
  height: 15.5vw;
}

#mk .oi .single-block .img .limited .ltext {
  font-size: 3.6vw;
}

#mk .oi .single-block .data {
  margin: 0px;
  padding: 0px;
  border-top: 0px none;
  border-bottom: 0px none;
}

#mk .oi .single-block .data .name-and-price {
  padding: 6.2vw 0 0;
}

#mk .oi .single-block .data h3 {
  font-size: 3.6vw;
}

#mk .oi .single-block .data .price {
  font-size: 3.6vw;
}

#mk .oi .single-block .data .btn,
#mk .oi .single-block .data .bcs {
  padding: 6.2vw 0 0;
}

#mk .oi .single-block .data .btn a {
  padding: 3.6vw 0;
  font-size: 3.2vw;
  width: 41.2vw;
}

#mk .oi .single-block .data .btn a span svg {
  right: 2.3vw;
  font-size: 2.4vw;
}

#mk .oi .single-block .data .bcs .bbg {
  padding: 3.6vw 0;
  font-size: 2.9vw;
  width: 41.2vw;
}

#mk .oi .single-block .data .link {
  margin: 2.6vw 0 0;
}

#mk .oi .single-block .data .link a {
  padding: 0 5.1vw 1.1vw 0.5vw;
  font-size: 3.2vw;
}

#mk .oi .single-block .data .link a:after {
  top: -0.2vw;
  width: 3.6vw;
  height: 3.6vw;
}

#mk .oi .oi-obj1 {
  width: 19.6vw;
  top: 9vw;
  left: 0;
}

#mk .oi .oi-obj2 {
  width: 18.5vw;
  top: 9vw;
  right: 0;
}

#mk .oi .oi-obj3 {
  position: absolute;
  top: -2.1vw;
  right: -10.5vw;
  width: 19.4vw;
}

#mk .oi .oi-obj4 {
  position: absolute;
  bottom: 0;
  left: -8vw;
  width: 25.1vw;
}


#mk .oi .lineup-slider {
  margin: 5.3vw auto 0;
  padding: 0;
  width: 100%;
}

#mk .oi .lineup-slider ul {
  margin: 0;
  padding: 0 0 7.9vw;
  width: 100%;
}

#mk .oi .lineup-slider ul li {
  width: auto;
  margin: 0px;
  padding: 0px 0 2px;
  text-align: center;
}

#mk .oi .lineup-slider ul li .text {
  font-size: 3.6vw;
  line-height: 1.5;
}

#mk .oi .lineup-slider ul li .img {
  margin: 5.1vw auto 0;
  width: 41vw;
}

#mk .oi .lineup-slider ul li .img .limited {
  position: absolute;
  top: -4.4vw;
  left: -4.6vw;
  width: 13.1vw;
  height: 13.1vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/label_limited.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#mk .oi .lineup-slider ul li .img .limited .ltext {
  font-size: 3.2vw;
}

#mk .oi .lineup-slider ul li .name-and-price {
  margin: 0px;
  padding: 20px 0px 0px;
}

#mk .oi .lineup-slider ul li h3 {
  font-size: 3.6vw;
}

#mk .oi .lineup-slider ul li .price {
  font-size: 3.6vw;
}

#mk .oi .lineup-slider ul li .btn,
#mk .oi .lineup-slider ul li .bcs {
  padding: 3.3vw 0 0;
}

#mk .oi .lineup-slider ul li .btn a {
  padding: 3.6vw 0;
  font-size: 3.2vw;
  width: 41.2vw;
}

#mk .oi .lineup-slider ul li .btn a svg {
  right: 2.3vw;
  font-size: 2.4vw;
}

#mk .oi .lineup-slider ul li .bcs .bbg {
  padding: 3.6vw 0;
  font-size: 2.9vw;
  width: 41.2vw;
}

#mk .oi .lineup-slider ul li .link {
  margin: 2.6vw 0 0;
}

#mk .oi .lineup-slider ul li .link a {
  padding: 0 5.1vw 1.1vw 0.5vw;
  font-size: 3.2vw;
}

#mk .oi .lineup-slider ul li .link a:after {
  top: -0.2vw;
  width: 3.6vw;
  height: 3.6vw;
}

#mk .oi .lineup-slider .slick-arrow {
  position: absolute;
  top: 43.2vw;
  width: 3.3vw;
  height: 6.3vw;
  display: block;
}

#mk .oi .lineup-slider .slick-prev {
  left: 18.4vw;
  background-repeat: no-repeat;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/arrow_prev.png);
  background-position: 0 0;
  background-size: 100% 100%;
}

#mk .oi .lineup-slider .slick-next {
  right: 18.4vw;

  background-repeat: no-repeat;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/arrow_next.png);
  background-position: 0 0;
  background-size: 100% 100%;
}

#mk .oi.lineup-slider .slick-dots li {
  margin: 0 4px;
}

#mk .oi .lineup-slider .slick-dots li button {
  width: 8px;
  height: 8px;
}





#mk .sns-bg {
  margin: 0;
  padding: 9.5vw 0 9.8vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/bg_4step.jpg);
  background-repeat: repeat;
  background-position: center top;
  background-size: 100% auto;
}

#mk .sns-bg:before {
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/line1.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 100% 100%;
  height: 9.5vw;
}

#mk .bn-store {
  width: 82.1vw;
  padding: 10.3vw 0 0;
}

#mk .bn-store a {
  width: 100%;
  height: 36.1vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/bn_store.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#mk .bn-store h3 {
  padding: 7.7vw 0 0;
  font-size: 9vw;
  text-shadow: 0 0 3.6vw rgba(0, 0, 0, 0.58);
}

#mk .bn-store .btn {
  padding: 3.4vw 0 0;
}

#mk .bn-store .btn span {
  padding: 2.8vw 0;
  font-size: 3.4vw;
  width: 38.4vw;
}

#mk .bn-store span svg {
  right: 3.2vw;
  font-size: 2.3vw;
}

#mk .line {
  margin: 0;
  padding: 4.5vw 0 0;
}

#mk .line-in {
  margin: 0 auto;
  padding: 7.9vw 0 0;
  width: 86.5vw;
  height: 55.9vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/frame_line.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


#mk .line h2 {
  font-size: 5vw;
  line-height: 1.2;
}

#mk .line .text {
  margin: 0;
  padding: 2.3vw 0 0;
  font-size: 3.4vw;
  line-height: 1.3;
  text-align: center;
}


#mk .line .btn {
  padding: 4.6vw 0px 0px;
}

#mk .line .btn a {
  padding: 3.8vw 0px 0px 10.9vw;
  font-size: 3.4vw;
  line-height: 1;
  width: 43.7vw;
  height: 10.9vw;
  border-radius: 0.6em;
}

#mk .line .btn a:before {
  background: url(../../../images/sp/special_contents/HolidayCollection/20211014/icon_line.png?a=20211014) no-repeat center center;
  background-size: 8vw auto;
  image-rendering: -webkit-optimize-contrast;
  width: 10.9vw;
  height: 10.9vw;
}


.sns {
  margin: 0px;
  padding: 5vw 0 0;
}

.sns .sns-frame {
  margin: 0px auto;
  padding: 11.9vw 0px 0px;
  width: 86.9vw;
  height: 41.2vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20220617/bg_sns.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  image-rendering: -webkit-optimize-contrast;
  position: relative;
}

.sns h3 {
  /*font-size: 5.9vw;*/
  width: 36vw;
  margin: 0 auto;
}

.sns .social-btn {
  margin-top: 6.8vw;
}

.sns .sns-obj1 {
  position: absolute;
  bottom: -6.2vw;
  right: -4.9vw;
  width: 17.8vw;
}

.campaign-banner__wrapper {
  /* ↓ チャーム */
  /* width: 89vw; */
  width: 91.1vw;
  margin-bottom: 6.5vw;
}

.band__line {
  height: 9.5vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/line1.jpg);
}

.bud__line {
  height: 2.5vw;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20240701/line2.png);
}

.bud__line--top {
  top: 9vw;
}

.bud__line--top0 {
  top: 0;
}

.bud__line--bottom {
  top: inherit;
  bottom: 0;
  transform: scaleY(-1);
}

/* ラストチャンス */
.last-collection__inner {
  width: 89vw;
  flex-direction: column;
  row-gap: 7.5vw;
  padding: 23.1vw 0 13.5vw;
}

.last-collection__img {
  display: block;
  width: 67.4vw;
  margin: 0 auto;
  position: relative;
}

.last-collection__text-wrapper {
  padding-top: 0;
}

.last-collection__title {
  font-size: 5.6vw;
}

.last-collection__text {
  font-size: 4vw;
  margin-top: 3.2vw;
  padding-left: 0;
}

.mango-kiwi-obj1 {
  width: 23.8vw;
  top: 17vw;
  right: inherit;
  left: 0;
  z-index: 10;
}

.mango-kiwi-obj2 {
  width: 22.2vw;
  bottom: inherit;
  top: 52vw;
  left: inherit;
  right: 0;
  z-index: 10;
}

.step-slider .slick-dots {
  bottom: -9vw;
}

#mk .new-item {
  margin: 0px;
  padding: 0px;
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20220617/bg_sk.jpg);
  background-repeat: repeat-y;
  background-size: 100% auto;
}

.new-item__inner {
  padding: 21.4vw 0 15.2vw;
}

#mk .new-item .new-item-bg2 {
  margin: 0;
  padding: 14.2vw 0 12vw;
  width: 100%;
  position: relative;
}


#mk .new-item h2 {
  width: 41.4vw;
}

#mk .new-item .single-block {
  margin: 5.6vw auto 0;
  padding: 14vw 0 0;
  width: 100%;
}

#mk .new-item .single-block-rev {
  margin: 9.7vw auto 0;
  padding: 14vw 0 0;
}

#mk .new-item .single-block .text {
  padding: 0;
  font-size: 4.1vw;
  line-height: 1.3;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

#mk .new-item .single-block .img {
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 0px;
  left: 0px;
  width: 73.4vw;
  text-align: center;
}

#mk .new-item .single-block .img .limited {
  position: absolute;
  top: 3.8vw;
  left: 3.3vw;
  width: 15.5vw;
  height: 15.5vw;
}

#mk .new-item .single-block .img .limited .ltext {
  font-size: 3.6vw;
}

.icon-new {
  width: 32.3vw;
}

#mk .new-item .single-block .data {
  margin: 0px;
  padding: 0px;
  border-top: 0px none;
  border-bottom: 0px none;
}

#mk .new-item .single-block .data .name-and-price {
  padding: 6.2vw 0 0;
}

#mk .new-item .single-block .data h3 {
  font-size: 3.6vw;
}

#mk .new-item .single-block .data .price {
  font-size: 3.6vw;
}

#mk .new-item .single-block .data .btn,
#mk .new-item .single-block .data .bcs {
  padding: 6.2vw 0 0;
}

#mk .new-item .single-block .data .btn a {
  padding: 3.6vw 0;
  font-size: 3.2vw;
  width: 41.2vw;
}

#mk .new-item .single-block .data .btn a span svg {
  right: 2.3vw;
  font-size: 2.4vw;
}

#mk .new-item .single-block .data .bcs .bbg {
  padding: 3.6vw 0;
  font-size: 2.9vw;
  width: 41.2vw;
}

#mk .new-item .single-block .data .link {
  margin: 2.6vw 0 0;
}

#mk .oi .single-block .data .link a {
  padding: 0 5.1vw 1.1vw 0.5vw;
  font-size: 3.2vw;
}

#mk .new-item .single-block .data .link a {
  padding: 0 5.1vw 1.1vw 0.5vw;
  font-size: 3.2vw;
}

#mk .new-item .single-block .data .link a:after {
  top: -0.2vw;
  width: 3.6vw;
  height: 3.6vw;
}

#mk .new-item .oi-obj3 {
  position: absolute;
  top: -2.1vw;
  right: -10.5vw;
  width: 19.4vw;
}

#mk .new-item .oi-obj4 {
  position: absolute;
  bottom: 0;
  left: -8vw;
  width: 25.1vw;
}

.new-item__line {
  width: 95vw;
  margin: 8vw auto 0;
}

.new-item-obj1 {
  width: 19.8vw;
  top: -21vw;
  left: -3vw;
}

.new-item-obj2 {
  width: 16.6vw;
  top: -15vw;
  right: -3vw;
}

/* ------------------------------
            Campaign
------------------------------ */
.campaign {
  background-image: url(../../../images/sp/special_contents/mango_kiwi_collection/20220617/bg_sk.jpg);
  background-repeat: repeat-y;
  background-size: 100% auto;
}

.campaign__inner {
  padding: 20.3vw 0 13.5vw;
}

.campaign__contents {
  width: 100%;
  margin: 2.8vw auto 0;
}

.campaign__label {
  width: 90vw;
  margin: 1.3vw auto 0;
}

.campaign__date {
  font-size: 4vw;
  margin-top: 2vw;
}

.campaign__title {
  width: 45.7vw;
}

.week {
  font-size: 2.9vw;
}

.campaign__label--top {
  margin-bottom: 1.5vw;
}

.campaign__detail {
  flex-direction: column;
  justify-content: center;
  column-gap: 0;
  margin-top: 0;
  padding-left: 0;
}

.campaign-text__s {
  font-size: 3.6vw;
  line-height: 1.3;
}

.campaign-text__l {
  font-size: 5.6vw;
  line-height: 1.3;
  margin-top: 1.5vw;
}

.campaign-text__lead {
  font-size: 5vw;
  margin-bottom: 1.5vw;
}

.campaign-text__vol {
  font-size: 3.8vw;
}

.campaign__fra {
  font-size: 5vw;
}

.campaign__img {
  width: 47.4vw;
  margin-top: 4.2vw;
}

.size__text {
  font-size: 2.7vw;
  line-height: 1.4;

}

.sc-accordion__wrapper {
  width: 83vw;
  margin: 6.2vw auto 0;
}

.sc-accordion {
  line-height: 1;
  margin-top: 0;
  padding: 3vw 0;
}

.sc-comment__list {
  text-align-last: left;
  padding: 6.2vw 5.5vw 6.2vw 6vw;
}

.sc-comment__item {
  font-size: 2.7vw;
  line-height: 1.5;
}

.limited--cp {
  width: 14vw;
  height: 14vw;
  top: 0;
  right: -4vw;
}

.ltext--cp {
  font-size: 3.38vw;
}

.obj-cp1 {
  width: 17.5vw;
  top: 74vw;
  left: 0;
}

.obj-cp2 {
  width: 18.5vw;
  top: 84vw;
  right: 0;
}

.common-icon {
  font-size: 5vw;
  right: 1.8vw;
}

.kit__notes {
  font-size: 3vw;
}

#mk .oi .lineup-slider ul li .img.img-bs {
  margin: 13vw auto 0;
}

.scrub__label-s {
  top: -10vw;
}

.arrival__text {
  font-size: 4vw;
  margin-top: 3vw;
}