@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
レスポンシブ用
1080px以下タブレットなど
576px以下スマホなど
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が-1280pxの場合に適用 */
@media screen and ( max-width:1280px )
{

.slick-dots{
	bottom: -4em;
}

.slider_02 .pre_btn{
	left: -2%;
}

.slider_02 .next_btn{
	right: -2%;
}

}

/* ウィンドウ幅が-1080pxの場合に適用 */
@media screen and ( max-width:1080px )
{

/* sp画像表示 */
.pc { display: none !important; }
.sp { display: inline !important; }

#main{
	margin-top: 35px;
}

/* top brand -1080px*/

#brand-box {
	padding: 2em 3em 2.5em 4em;
}
#brand-box p{
	font-size: 1.7em;
	margin-bottom: 1em;
	line-height: 2em;
	text-align: left;
}

#sns .icon li{
	width: 30%;
	padding: 1.5em;
}

#sns .icon li a{
	font-size: 1.2em;
}

#sns .icon li.instagram{
	padding-top: 1.85em;
}

#sns .icon li.instagram img{
	width: 10%;
}

#sns .icon li.instagram span{
	margin-bottom: 0.3em;
}

#sns .icon li.twitter img{
	width: 14%;
}

#sns .icon li.twitter span{
	margin-bottom: 0.6em;
}

}

/* ウィンドウ幅が-576pxの場合に適用 */
@media screen and ( max-width:576px )
{

/*slider -576px*/

.pre_btn{
	top: 50%;
	width: 4%;
}

.next_btn{
	top: 50%;
	width: 4%;
}

.slick-dots{
	/*margin-bottom: -3em;ドット1行のとき*/
	margin-bottom: -5.5em;
}

.slick-dots li button::before {
    font-size: 0.6rem;
}

.slick-dots li
{
  margin: 0 1px;
}

/* top bnner -576px*/

#top-bnr{
	flex-wrap: wrap;
	margin-top: 11%;
}

#top-bnr li{
	width: 100%;
	margin-bottom: 9.5%;
}

#top-bnr li:last-child{
	margin-bottom: 5%;
}

/* top brand -576px*/
#brand .content{
	margin-top: 5%;
	padding: 10em 0;
}

#brand-box p{
	font-size: 2.5em;
}

/* new -576px*/

#newrelese h2{
	margin-top: 12.5%;
	margin-bottom: 1.5em;
	padding-left: 0.5em;
}

.slider_02 .pre_btn{
	left: -2%;
}

.slider_02 .next_btn{
	right: -2%;
}

.slider_02 .txt{
	text-align: center;
}

.slider_02 h3{
	margin: 0.5em 0 0;
	font-size: 3.2em;
	line-height: 1.5em;
}

.slider_02 .color{
	font-size: 2.2em;
	line-height: 2em;
	margin: 0 auto;
}

.slider_02 .slick-dots{
	bottom: -0.5em;
}

/* products -576px*/

#products h2{
	padding-top: 12%;
}

.products-ul{
	margin-bottom: 12%;
}

.products-ul li{
	width: 47%;
	margin-right: 3%;
	margin-top: 3%;
	background: white;
	padding-bottom: 6em;
}

.products-ul .txt{
	bottom: 2em;
}

.products-ul h3{
	font-size: 2.5em;
	line-height: 2em;
}

.products-ul .color{
	font-size: 1.85em;
	line-height: 1.5em;
}

.products-ul .sp-line2 h3{
	line-height: 1.4em;
}

.products-ul .no-color.sp-line2{
	bottom: 0.5em;
}

/* sns -576px*/

#sns .icon li{
	width: 38%;
	padding: 2em;
}

#sns .icon li a{
	font-size: 2.5em;
}

#sns .icon li.instagram{
	padding-top: 2.6em;
}

#sns .icon li.instagram img{
	width: 13%;
}

#sns .icon li.instagram span{
	margin-bottom: 0.3em;
}

#sns .icon li.twitter img{
	width: 20%;
}

#sns .icon li.twitter span{
	margin-bottom: 0.8em;
}

/* shopLink -576px*/

.shop-linkbtn ul{
	margin: 6% auto;
}

}