@charset "UTF-8";

/* ==========================================================================
   MV
========================================================================== */
#mv .lang-nav{
	right: 10px;
}
#mv .c-scroll{
	display: none;
}

/* ==========================================================================
   APP
========================================================================== */
#app .banner > a {
	flex-direction: column;
	align-items: center;
	padding: 30px 30px 0;
}
#app .app-btn {
	justify-content: center;
	margin: 25px -10px 35px;
}
#app .banner .imgBox {
  height: 170px;
}
@media only screen and (max-width: 575px) {
	#app .app-btn {
		flex-direction: column;
		align-items: center;
	}
	#app .app-btn > div {
	  padding: 5px 10px;
	}
}
/* ==========================================================================
   PRODUCTS
========================================================================== */
#products .inner {
	margin-right: -20px;
	margin-left: -20px;
} 
#products .slide {
  margin: 0 20px;
} 
#products .slide .txtBox .ttl {
  font-size: 2.4rem;
}

@media only screen and (max-width: 767px) {
	#products .slide {
	  padding: 60px 0 0;
	}
	#products .slide .imgBox {
		width: 100%;
		margin-top: -60px;
		margin-right: auto;
		margin-left: auto;
	}
	#products .slide .txtBox {
		padding: 0 30px 40px;
	} 
	#products .slider-controls-wrap {
		margin-top: 30px;
		padding-right: 20px;
	}
	#products .slider-controls {
		margin-right: 15px;
	}
}
@media only screen and (max-width: 575px) {
	#products .inner {
		margin-right: -30px;
		margin-left: -30px;
	} 
}


/* ---------------
   Slick Slider
--------------- */
@media only screen and (min-width: 768px) {
	#products .slide {
		padding: 70px 0;
	}
	#products .slide a {
		display: flex;
		align-items: center;
	}
	#products .slide .imgBox {
		width: 55%;
		margin: -70px 0;
	}
	#products .slide .txtBox {
		width: 45%;
		padding: 30px 40px 30px 0;
	} 
	#products .slider-controls-wrap {
		margin: -30px 20px 0 auto;
	}
}

/* ==========================================================================
   LOOK
========================================================================== */
#look .lookList li:not(:last-of-type) {
  margin-bottom: 50px;
}
#look .lookList li a .ttl {
  font-size: 3.2rem;
}
#look .lookList li a .view {
    position: static;
}

@media only screen and (min-width: 768px) {
	#look .lookList {
		padding-top: 100px;
	}
	#look .lookList li:nth-of-type(odd) {
		transform: translateY(-100px);
	}
}


/* ---------------
   EC
--------------- */
#ec {
    padding-top: 100px;
    padding-bottom: 50px;
}
#ec::before {
 top: 300px;
}
#ec .slide figure {
  margin-bottom: 15px;
}
#ec .slide .size {
  font-size: .9rem;
}
#ec .slide .price {
  font-size: 1rem;
}
@media only screen and (max-width: 480px) {
	#ec .ec-slider {
	  width: 100vw;
	  margin-left: -20px;
	}
	#ec .slide {
	  padding: 0 50px;
	}
}
@media only screen and (min-width: 481px) {
	#ec .ec-slider {
	  width: calc(100% + ((100vw - 100%)/2));
	}
	#ec .slider {
	  width: calc(100% - (100vw - 100%));
	}
}

/* ---------------
   BAG TYPE
--------------- */
@media only screen and (max-width: 575px) {
	#bag-type .lists {
	  margin-right: -20px;
	  margin-left: -20px;
	}
	#bag-type .lists .list {
	  padding: 0;
	}
	#bag-type .lists .list a {
	  padding: 20px 50px 19px 20px;
	}
	#bag-type .lists .list a .icon-arrow-w {
	   right: 20px;
	}
}


/* ==========================================================================
   BANNAR
========================================================================== */
.bannaerList li a {
	justify-content: flex-end;
	height: 400px;
	padding: 20px 0;
}


/* ==========================================================================
   STAFF STYLING
========================================================================== */
#styling .slick-slide {
   margin-right: 20px;
}


/* ==========================================================================
   NEWS
========================================================================== */
.shipinfo {
    width: auto;
    max-width: 90%;
    margin: 100px auto 0;
    padding: 20px;
    border: solid 5px #000;
    text-align: left;
}
.shipinfo p {
    line-height: 1.6;
    font-size: 13px;
}
.shipinfo .bold {
    font-weight: bold;
    margin-bottom: 10px;
}
.shipinfo p span {
    font-weight: bold;
}