@charset "utf-8";

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


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

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

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


/*--------------*/
.autumnCP .new-keyWord {
    width: 100%;
    marign-top:15px;
}
.autumnCP .new-keyWord ul {
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}
.autumnCP .new-keyWord ul li{
    border-radius: 5px;
    width: calc(25% - (50px / 3));
    height: auto;
    margin: 0 calc(16px / 2) 15px;
    overflow: hidden;
}
.autumnCP .new-keyWord ul li a{
     display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    min-height: 72px;
    padding: 6px;
    color: #555;
    position: relative;
    padding-right: 28px;
    background: #f7f6f6;
    letter-spacing: -1em;
}
.autumnCP .new-keyWord ul li a::after {
    content: "\f054";
    font-family: FontAwesome;
    position: absolute;
    font-size: 1.2em;
    right: 8px;
    top: 50%;
    margin-top: -0.6em;
    color: #cccccc;
    letter-spacing: normal;
}
.autumnCP .new-keyWord ul li a .keyword {
   /* width: calc(100% - 60px - 1em);*/
    font-size: 1em;
    vertical-align: middle;
    font-weight: bold;
    letter-spacing: normal;
}

.autumnCP h3 {
    text-align: center;
    margin: 30px auto 15px;
}


@media screen and (max-width:767px) {
    .autumnCP .new-keyWord ul li {
        width: calc(50% - 5px);
        margin-bottom: 10px;
        margin-right: 0;
        display: grid;
        margin-left: 0;
    }
}
@media (max-width: 540px){ 
    .autumnCP .new-keyWord ul {
        justify-content: space-between;
    }
}



/*---------nav-----------*/



.autumnCP .nav{width:100%;}
.autumnCP .nav h3{
	text-align:center;
	font-size:2.6rem;
	margin:24px 0;
}
.autumnCP .nav ul{
	display:flex;
	flex-wrap:wrap;
	margin:0 -7px;
	justify-content: center;
}
.autumnCP .nav ul li{
	max-width:208px;
	width:calc(20% - 14px);
	margin:0 7px;
}
.autumnCP .nav ul li a{
	font-size:17px;
	text-align:center;
	display:block;
	font-weight:bold;
	font-weight:500;
}
.autumnCP .nav ul li a:hover{
	opacity:0.7;
	text-decoration:underline;
}
.autumnCP .nav ul li a figure{
	border:1px solid #DDD;
	margin-bottom:5px;
}


@media screen and (max-width: 1024px){
	.autumnCP .nav ul li a{font-size:15px;}
}
@media (max-width: 809px) {
	.autumnCP  .nav h3{
		margin:20px 0 0;
		font-size:18px;
	}
	.autumnCP  .nav ul{
		margin:0 -7px;
		justify-content:center;
	}
	.autumnCP .nav ul li{
		max-width:none;
		width:calc(33.33333333% - 14px);
		margin:20px 7px 0;
	}
}
@media (max-width: 479px){
	.autumnCP .nav h3{
		margin:14px 0 0;
		font-size:16px;
	}
	.autumnCP .nav ul li{margin-top:14px;}
	.autumnCP .nav ul li a{font-size:3.18vw;}
}