html.overHidden,
body.overHidden {
  overflow: hidden;
}

.imgMask {
  overflow: hidden;
}
.imgMask .imgScroll img {
  margin-bottom: 0 !important;
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}

.articleImg .imgMask {
  margin-bottom: 12px;
}

.swiper-container,
.detailSwiper {
  position: relative;
}

.swiper-pagination {
  display: block;
}

.swiper-pagination-bullet {
  min-width: 20px;
  height: 2px;
  border-radius: 0;
  margin: 0 0px;
  background-color: rgb(0, 0, 0);
  opacity: 1;
  position: relative;
}

.swiper-pagination-bullet:after {
  content: "";
  display: block;
  width: 0%;
  width: 100%;
  opacity: 0;
  height: 2px;
  background-color: rgba(224, 224, 224, 0.9);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

/*
.swiper-pagination-bullet:nth-child(1) {
  background-color: rgba(0, 0, 0, 0.15);
}

.swiper-pagination-bullet:nth-child(2) {
  background-color: rgba(0, 0, 0, 0.35);
}

.swiper-pagination-bullet:nth-child(3) {
  background-color: rgba(0, 0, 0, 0.55);
}

.swiper-pagination-bullet:nth-child(4) {
  background-color: rgba(0, 0, 0, 0.75);
}

.swiper-pagination-bullet:nth-child(5) {
  background-color: rgba(0, 0, 0, 0.95);
}

.swiper-pagination-bullet:nth-child(6) {
  background-color: rgb(0, 0, 0);
}

.swiper-pagination-bullet:nth-child(7) {
  background-color: rgb(0, 0, 0);
}
*/

/*
.swiper-pagination-bullet-active:after {
  opacity: 1;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
*/

/*
.swiper-pagination-bullet {
  bottom: 20px;
}
*/

/*
.detailSwiper .swiper-pagination-bullet {
  width: 30px;
}
*/

#acTopLogo {
  clip-path: inset(0 100% 0 0);
  -webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#acTopLogo.active {
  clip-path: inset(0 0% 0 0);
}

#mainVisualACLogo {
  clip-path: inset(0 100% 0 0);
  -webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#mainVisualACLogo.active {
  clip-path: inset(0 0% 0 0);
}

#topLeadInner.active h2 .word {
  opacity: 1;
}
#topLeadInner.active .arrBtn {
  opacity: 1;
}
#topLeadInner h2 .word {
  -webkit-transition: all 1.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0;
          transition-delay: 0;
  opacity: 0;
}
#topLeadInner .arrBtn {
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

a.arrBtn {
  position: relative;
}

a.arrBtn:hover .arr:after {
  -webkit-animation: aniArrow01 0.8s cubic-bezier(0, 0.6, 1, 0.4) infinite;
  animation: aniArrow01 0.8s cubic-bezier(0, 0.6, 1, 0.4) infinite;
}
a.arrBtn .arr {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  overflow: hidden;
  margin-right: 5px;
}
a.arrBtn .arr:after {
  content: "";
  display: block;
  background: url("../img/arr_btn.svg") center no-repeat;
  background-size: 15px auto;
  width: 15px;
  height: 15px;
  margin-top: -0.5px;
}

@-webkit-keyframes aniArrow01 {
  0% {
    -webkit-transform: rotatez(0deg) translateY(0px) translateX(-15px);
            transform: rotatez(0deg) translateY(0px) translateX(-15px);
  }
  100% {
    -webkit-transform: rotatez(0deg) translateY(0px) translateX(15px);
            transform: rotatez(0deg) translateY(0px) translateX(15px);
  }
}

@keyframes aniArrow01 {
  0% {
    -webkit-transform: rotatez(0deg) translateY(0px) translateX(-15px);
            transform: rotatez(0deg) translateY(0px) translateX(-15px);
  }
  100% {
    -webkit-transform: rotatez(0deg) translateY(0px) translateX(15px);
            transform: rotatez(0deg) translateY(0px) translateX(15px);
  }
}
/*
#topStoriesThumb li:nth-child(1) {
	transition-delay: 0s;
}
#topStoriesThumb li:nth-child(2) {
	transition-delay: 0.2s;
}

#topStoriesThumb li:nth-child(3) {
	transition-delay: 0s;
}
#topStoriesThumb li:nth-child(4) {
	transition-delay: 0.2s;
}
#topStoriesThumb li:nth-child(5) {
	transition-delay: 0.4s;
}

#topStoriesThumb li:nth-child(6) {
	transition-delay: 0s;
}
#topStoriesThumb li:nth-child(7) {
	transition-delay: 0.2s;
}
#topStoriesThumb li:nth-child(8) {
	transition-delay: 0.4s;
}
#topStoriesThumb li:nth-child(9) {
	transition-delay: 0.6s;
}

.shopThumb li:nth-child(4n + 1) {
	transition-delay: 0s;
}
.shopThumb li:nth-child(4n + 2) {
	transition-delay: 0.1s;
}
.shopThumb li:nth-child(4n + 3) {
	transition-delay: 0.2s;
}
.shopThumb li:nth-child(4n) {
	transition-delay: 0.3s;
}
*/
/*
.btn{
	transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);

	&:hover{
		background-color: #999;
	}
}
*/
#topShopDummyH {
  position: relative;
  z-index: -10;
}

#topShop {
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}

#fixBox {
  position: relative;
}
#fixBox #topAbout {
  position: sticky;
  top: 0;
  height: 100vh;
}
#fixBox #topArt {
  height: 100vh;
  width: 100%;
}

#bgAbout {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
#bgAbout > div {
  width: 100vw;
  height: 100vh;
  padding-top: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#bgAbout iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  #bgAbout > div {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  #bgAbout > div {
    width: 300%;
    left: -100%;
  }
}
a#soundBtn {
  position: absolute;
  left: 25px;
  bottom: 40px;
  z-index: 2;
  color: #fff;
  display: block;
  vertical-align: middle;
  padding-left: 30px;
  font-size: 11px;
  cursor: pointer;
}
a#soundBtn:before {
  display: inline-block;
  content: "";
  background-image: url("../img/ico_sound_on.svg");
  background-size: 20px auto;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -4.5px;
  background-position: center center;
  background-repeat: no-repeat;
}
a#soundBtn.muted:before {
  background-image: url("../img/ico_sound_off.svg");
}

.videoBox {
  position: relative;
  padding: 0;
  margin: 0 30px 80px 30px;
}
.videoBox .eachVideoPc {
  padding-top: 56.25%;
}
.videoBox #videoCover {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: url("../img/cur_play.png"), -webkit-zoom-in;
  cursor: url("../img/cur_play.png"), zoom-in;
  cursor: -webkit-image-set(url("../img/cur_play.png") 1x, url("../img/cur_play@2x.png") 2x), -webkit-zoom-in;
  cursor: -webkit-image-set(url("../img/cur_play.png") 1x, url("../img/cur_play@2x.png") 2x), zoom-in;
  overflow: hidden;
}
.videoBox #videoCover.hide {
  opacity: 0;
}
.videoBox #videoCover.played {
  cursor: url("../img/cur_pause.png"), -webkit-zoom-in;
  cursor: url("../img/cur_pause.png"), zoom-in;
  cursor: -webkit-image-set(url("../img/cur_pause.png") 1x, url("../img/cur_pause@2x.png") 2x), -webkit-zoom-in;
  cursor: -webkit-image-set(url("../img/cur_pause.png") 1x, url("../img/cur_pause@2x.png") 2x), zoom-in;
}
.videoBox #videoCover.hidePoster img {
  display: none;
}
.videoBox #videoCover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.videoBox #videoControl {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 30px;
  width: 100%;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.videoBox #videoControl.fadeOut {
  opacity: 0;
}
.videoBox #videoControl #playBtn {
  background: url("../img/ico_play.png") center no-repeat;
  background-size: 10px auto;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.videoBox #videoControl #playBtn.played {
  background: url("../img/ico_pause.png") center no-repeat;
  background-size: 8.5px auto;
}
.videoBox #videoControl #seekBar {
  cursor: pointer;
  width: calc(100% - 120px - 40px);
  padding: 30px 0;
  position: relative;
}
.videoBox #videoControl #seekBar #seekBarWhite {
  width: 0%;
  height: 1px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 2;
}
.videoBox #videoControl #seekBar #seekBarBase {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.6);
}
.videoBox #videoControl #fullscreenBtn {
  background: url("../img/ico_fullscreen.png") center no-repeat;
  background-size: 12.5px auto;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.videoBox #videoControl #fullscreenBtn.fullscreened {
  background: url("../img/ico_fullscreen_off.png") center no-repeat;
  background-size: 17.5px auto;
}

.videoBox2 #videoControl {
  bottom: 0;
  padding: 0 10px;
}

/* ------------------------------------------
smartphone
------------------------------------------ */
@media screen and (max-width: 768px) {
  /*
  	#topStoriesThumb li:nth-child(1) {
  		transition-delay: 0s;
  	}
  	#topStoriesThumb li:nth-child(2) {
  		transition-delay: 0s;
  	}

  	#topStoriesThumb li:nth-child(3) {
  		transition-delay: 0s;
  	}
  	#topStoriesThumb li:nth-child(4) {
  		transition-delay: 0s;
  	}
  	#topStoriesThumb li:nth-child(5) {
  		transition-delay: 0s;
  	}

  	#topStoriesThumb li:nth-child(6) {
  		transition-delay: 0s;
  	}
  	#topStoriesThumb li:nth-child(7) {
  		transition-delay: 0s;
  	}
  	#topStoriesThumb li:nth-child(8) {
  		transition-delay: 0s;
  	}
  	#topStoriesThumb li:nth-child(9) {
  		transition-delay: 0s;
  	}

  	.shopThumb li:nth-child(2n + 1) {
  		transition-delay: 0s;
  	}
  	.shopThumb li:nth-child(2n) {
  		transition-delay: 0.2s;
  	}
  */
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 10px;
  }
  .videoBox {
    margin: 0 30px 40px 30px;
    margin: 0 0 40px 0;
    background-color: #000;
    height: calc(100dvh - 104px);
    /*
    		&.fullscreen {
    			height: 100vh;
    			//height: 100dvh;

    			width: 100vw;
    			margin: 0;
    			position: fixed !important;
    			left: 0;
    			top: 0;
    			z-index: 100000;

    			& > div:first-child {
    				padding-top: 0;
    				height: 100%;

    				iframe {
    					width: 100%;
    					height: 100%;
    					transform: scale(1);
    				}
    			}
    		}
    */
  }
  .videoBox.fixed {
    background-color: #000;
  }
  .videoBox.fixed > div:first-child {
    height: initial;
    padding-top: 56.25% !important;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .videoBox.fixed > div:first-child iframe {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  .videoBox.fixed #videoCover {
    display: none;
  }
  .videoBox #videoControl {
    padding: 0 0px;
    bottom: 10px;
    gap: 0px;
  }
  .videoBox #videoControl #playBtn {
    height: 40px;
  }
  .videoBox #videoControl #seekBar {
    padding: 20px 0;
    width: calc(100% - 40px - 0px);
    width: calc(100% - 40px - 40px);
  }
  .videoBox #videoControl #seekBar #seekBarWhite {
    top: 20px;
  }
  .videoBox #videoControl #fullscreenBtn {
    height: 40px;
  }
  .videoBox .eachVideoSp {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding-top: 0 !important;
  }
  .videoBox .eachVideoSp iframe {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
  .videoBox2 {
    height: auto;
  }
  .videoBox2.fullscreen2 {
    position: relative;
  }
  .videoBox2.fullscreen2 .eachVideo {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  #bgAbout iframe {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
  .l-pd-page .swiper-pagination .swiper-pagination-bullet {
    bottom: 0;
  }
  .l-product-page__itemcart__meta {
    padding-top: 28px;
  }
  .l-pd-page__itemimage {
    position: relative;
  }
  #counterSp {
    bottom: -32px;
    right: 0px;
  }
  a#soundBtn {
    left: auto;
    right: 20px;
    top: 40px;
  }
  
  #fixBox #topArt {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) and (orientation: landscape) {
  .videoBox {
    margin: 0 30px 40px 30px;
    margin: 0 0 40px 0;
    background-color: #000;
    height: calc(100dvh - 104px);
    margin-top: -14px;
    /*
    		&.fullscreen {
    			height: 100vh;
    			//height: 100dvh;

    			width: 100vw;
    			margin: 0;
    			position: fixed !important;
    			left: 0;
    			top: 0;
    			z-index: 100000;

    			& > div:first-child {
    				padding-top: 0;
    				height: 100%;

    				iframe {
    					width: 100%;
    					height: 100%;
    					transform: scale(1);
    				}
    			}
    		}
    */
  }
  .videoBox #videoControl {
    padding: 0 0px;
    bottom: 10px;
    gap: 0px;
  }
  .videoBox #videoControl #playBtn {
    height: 40px;
  }
  .videoBox #videoControl #seekBar {
    padding: 20px 0;
    width: calc(100% - 40px - 0px);
    width: calc(100% - 40px - 40px);
  }
  .videoBox #videoControl #seekBar #seekBarWhite {
    top: 20px;
  }
  .videoBox #videoControl #fullscreenBtn {
    height: 40px;
  }
  .videoBox .eachVideoPc {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding-top: 0 !important;
  }
  .videoBox .eachVideoPc iframe {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(3);
        -ms-transform: scale(3);
            transform: scale(3);
  }
  .swiper-container .swiper-slide,
  .detailSwiper .swiper-slide {
    margin-bottom: 0;
  }
}
/*# sourceMappingURL=else.css.map */