@charset "utf-8";

.summer-sale h2,.summer-sale h3{margin:0; padding:0;}
.summer-sale a:not(.more a){text-decoration:none; display:block; color:#333;}
.summer-sale a.touch{color:#FC5F96; text-decoration:underline;}
.summer-sale a img{backface-visibility: hidden;}/*hover時画像のズレ防止*/
.summer-sale a.touch img{opacity:0.6; transition:opacity 0.2s ease;}
.summer-sale img{max-width:100%; height:auto;}
.summer-sale .visible-plp-xs{display:none !important;}
.summer-sale #brandKeyword ul li h3{line-height:1.4;}
.summer-sale .kv{
	width:100%;
	text-align:center;
	/*background:#F63961;*/
	/*background:url(../img/rushsale_bg.jpg) no-repeat center top;*/
}
.summer-sale .nav{width:100%;}
.summer-sale .nav h3{
	text-align:center;
	font-size:2.6rem;
	margin:24px 0;
}
.summer-sale .nav ul{
	display:flex;
	flex-wrap:wrap;
	margin:0 -7px;
	justify-content: center;
}
.summer-sale .nav ul li{
	max-width:208px;
	width:calc(20% - 14px);
	margin:0 7px;
}
.summer-sale .nav ul li a{
	font-size:17px;
	text-align:center;
	display:block;
	font-weight:bold;
	font-weight:500;
}
.summer-sale .nav ul li a:hover{
	opacity:0.7;
	text-decoration:underline;
}
.summer-sale .nav ul li a figure{
	border:1px solid #DDD;
	margin-bottom:5px;
}
.summer-sale #brandKeyword{
	margin-top:15px;
}
.summer-sale .attention-sale{
	max-width:1100px;
	margin:30px auto 0;
	border:2px solid #D90000;
	padding:12px 20px;
	overflow:hidden;
}
.summer-sale .attention-sale dt{
	display:none;/*タイトル必要ならblock;*/
	color:#D90101;
	font-weight:bold;
	font-size:16px;
}
.summer-sale .attention-sale dd{
	float:left;
	margin-right:8px;
	line-height:2;
	font-size:13px;
	color:#111;
	text-indent:-1em;
	margin-left:1em;
}
.summer-sale .attention-sale p{margin:0; line-height: 1.7;}
.summer-sale p.sale-atntxt{
	max-width:1100px;
	margin:15px auto;
}
.plp__slider-ranking,
.plp__heading{
	display:none;
}
.summer-sale.esthe .kv{
		background-image:linear-gradient(to bottom,
            #143faf 0%,
            #2082be 65%,
            #5cc7db 65%,
            #b9e7e7 100%
        );
		width:100%;
		text-align:center;
}
@media screen and (max-width: 1024px){
	.summer-sale .nav ul li a{font-size:15px;}
}
@media (max-width: 809px) {
	.summer-sale #brandKeyword{margin-top:10px;}
	.summer-sale .visible-plp-xs{display:block !important;}
	.summer-sale .hidden-plp-xs{display:none !important;}
	.summer-sale .nav h3{
		margin:20px 0 0;
		font-size:18px;
	}
	.summer-sale .nav ul{
		margin:0 -7px;
		justify-content:normal;
	}
	.summer-sale .nav ul li{
		max-width:none;
		width:calc(33.33333333% - 14px);
		margin:20px 7px 0;
	}
	.summer-sale .attention-sale{
		margin:20px auto 0;
		padding:12px;
	}
	.summer-sale .attention-sale dt{font-size:14px;}
	.summer-sale .attention-sale dd{
		font-size:12px;
		line-height:1.8;
	}
}
@media (max-width: 479px){
	.summer-sale .nav h3{
		margin:14px 0 0;
		font-size:16px;
	}
	.summer-sale .nav ul li{margin-top:14px;}
	.summer-sale .nav ul li a{font-size:3.18vw;}
	
	.summer-sale .attention-sale{
		margin:10px auto 0;
		padding:10px 5px;
	}
	.summer-sale .attention-sale dt{font-size:12px;}
	.summer-sale .attention-sale dd{
		margin-right:4px;
		font-size:10px;
	}
}


/*---EGのみ-------------------------*/
.summer-sale #brandKeyword.eg_only{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

/*---カルーセル-------------------------*/
.summer-sale .swiper .swiper-wrapper .swiper-slide .swiperInner {
	margin:10px 20px;
	text-align: center;
	border: 1px solid #DDD;
	letter-spacing: normal;
}
.summer-sale .swiper .swiper-wrapper .swiper-slide .swiperInner a img{
	width:100%;
	height:auto;
	max-width:168px;
	max-height:79px;
}
@media screen and (min-width:1024px){
	.summer-sale .swiper{
		width:100%;
		margin: 20px auto 0;
	}
	.summer-sale .swiper .swiper-button-prev,
	.summer-sale .swiper .swiper-button-next{
		color:#111;
	}
	.summer-sale .swiper .swiper-button-next.swiper-button-disabled,
	.summer-sale .swiper .swiper-button-prev.swiper-button-disabled{
		opacity:.1 !important;
	}
	.summer-sale .swiper .swiper-button-prev {
	    left: var(--swiper-navigation-sides-offset,0px);
	    right: auto;
	}
	.summer-sale .swiper .swiper-button-next {
	    right: var(--swiper-navigation-sides-offset,0px);
	    left: auto;
	}
}

@media screen and (max-width: 1023px){	
	.summer-sale .swiper .swiper-wrapper{
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
	}
	.summer-sale .swiper .swiper-wrapper .swiper-slide{
		width:100px;
		display:inline-block;
		margin:0 1%;
    	vertical-align: top;
	}
	.summer-sale .swiper .swiper-wrapper .swiper-slide .swiperInner{
		width:98px;
		margin: 10px 1.2%;
		display: block;
	}
	.summer-sale .swiper .swiper-button-prev,
	.summer-sale .swiper .swiper-button-next{
		display:none;
	}
}