@charset "utf-8";

/*----------------------------- excitement -----------------------------*/
/****************************** all ******************************/
.excitement{
	position:relative;
	overflow-y:scroll;
}

.excitement > .excitement_product_parent{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	opacity:0;
}

.excitement_product_parent{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
}

.excitement_product_parent > a:first-child{
	display:block;
}

.excitement_product_parent > a:first-child > figure{
	display:flex;
	justify-content:space-between;
	align-items:normal;
}

.excitement_product_parent > a:first-child > figure > picture{
	display:flex;
	justify-content:center;
	align-items:center;
}

.excitement_product_parent > a:first-child img{
	height:auto;
}

.excitement_product_parent > a:first-child figcaption{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	position:relative;
}

.excitement_product_parent > a:first-child figcaption::after{
	content:"";
	aspect-ratio:1;
	position:absolute;
	clip-path:polygon(0 50%, 100% 0, 100% 100%);
}

.excitement_product_parent0 > a:first-child figcaption::after{
	background:linear-gradient(to bottom, #fff19f 0%, #fffbe7 100%);
}

.excitement_product_parent1 > a:first-child figcaption::after{
	background:linear-gradient(to bottom, #eff5bc 0%, #fbfde6 100%);
}

.excitement_product_parent2 > a:first-child figcaption::after{
	background:linear-gradient(to bottom, #fedeec 0%, #fdf6f9 100%);
}

.excitement_product_parent > a:first-child figcaption > span{
	line-height:1.5;
	text-align:left;
	display:block;
}

.excitement_product_parent:not(.excitement_product_parent2) > a:first-child figcaption > span{
	display:-webkit-box;
	overflow:hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
}

.excitement_product_parent2 > a:first-child figcaption > span:not(:empty)::after{
	content:"...\306E\3054\6CE8\6587\3092\9802\304D\307E\3057\305F\3002";
}

.excitement_product_parent > time{
	line-height:1.5;
	text-align:left;
	display:flex;
	justify-content:center;
	align-items:center;
}

.excitement_product_parent0 > time{
	background:linear-gradient(to bottom, #fff19f 0%, #fffbe7 100%);
}

.excitement_product_parent1 > time{
	background:linear-gradient(to bottom, #eff5bc 0%, #fbfde6 100%);
}

.excitement_product_parent2 > time{
	background:linear-gradient(to bottom, #fedeec 0%, #fdf6f9 100%);
}

.excitement_product_parent > div{
	display:flex;
	justify-content:center;
	align-items:center;
}

.excitement_product_parent0 > div{
	background:linear-gradient(to bottom, #fff19f 0%, #fffbe7 100%);
}

.excitement_product_parent1 > div{
	background:linear-gradient(to bottom, #eff5bc 0%, #fbfde6 100%);
}

.excitement_product_parent2 > div{
	background:linear-gradient(to bottom, #fedeec 0%, #fdf6f9 100%);
}

.excitement_product_parent > div > a{
	background:linear-gradient(to bottom, #fdfcfd 0%, #dcdcdc 100%);
	position:relative;
	display:flex;
	align-items:center;
}

.excitement_product_parent > div span{
	color:#000;
	white-space:nowrap;
}

.excitement_product_list{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
/****************************** /all ******************************/

/****************************** pc ******************************/
@media screen and (min-width:1280px){
	.excitement{
		width:560px;
		height:316px;
	}
	
	.excitement_product_parent{
		margin-bottom:4px;
	}
	
	.excitement_product_parent > a:first-child{
		width:-moz-calc(100% - 250px);
		width:-webkit-calc(100% - 250px);
		width:calc(100% - 250px);
	}
	
	.excitement_product_parent > a:first-child img{
		width:76px;
	}
	
	.excitement_product_parent > a:first-child figcaption{
		width:-moz-calc(100% - 86px);
		width:-webkit-calc(100% - 86px);
		width:calc(100% - 86px);
		padding:5px 5px 5px 68px;
		border-radius:5px;
	}
	
	.excitement_product_parent0 > a:first-child figcaption{
		background:url(img/icon/0.png) no-repeat 5px center / 58px, linear-gradient(to bottom, #fff19f 0%, #fffbe7 100%);
	}
	
	.excitement_product_parent1 > a:first-child figcaption{
		background:url(img/icon/1.png) no-repeat 5px center / 58px, linear-gradient(to bottom, #eff5bc 0%, #fbfde6 100%);
	}
	
	.excitement_product_parent2 > a:first-child figcaption{
		background:url(img/icon/2.png) no-repeat 5px center / 58px, linear-gradient(to bottom, #fedeec 0%, #fdf6f9 100%);
	}
	
	.excitement_product_parent > a:first-child figcaption::after{
		width:8px;
		top:20px;
		left:-8px;
	}
	
	.excitement_product_parent > a:first-child figcaption > span{
		font-size:12px;
	}
	
	.excitement_product_parent > time{
		font-size:13px;
		width:100px;
		border-radius:5px;
	}
	
	.excitement_product_parent > div{
		width:142px;
		border-radius:5px;
	}
	
	.excitement_product_parent > div > a{
		height:40px;
		width:120px;
		justify-content:flex-start;
		border-radius:20px;
	}
	
	.excitement_product_parent > div > a::after{
		content:"";
		width:8px;
		aspect-ratio:1;
		margin-top:-4px;
		border-top:solid #333 2px;
		border-right:solid #333 2px;
		display:inline-block;
		position:absolute;
		top:50%;
		right:10px;
		-moz-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
	}
	
	.excitement_product_parent > div span{
		font-size:13px;
		margin-left:10px;
	}
	
	.excitement_product_parent > div > a:hover > span{
		color:#f00;
	}
	
	.excitement_product_parent > div > a:hover::after{
		border-top:solid #f00 2px;
		border-right:solid #f00 2px;
	}
}
/****************************** /pc ******************************/

/****************************** tablet ******************************/
@media screen and (min-width:768px) and (max-width:1280px){
	.excitement{
		width:100%;
		height:32.0vw;
	}
	
	.excitement_product_parent{
		margin-bottom:0.5vw;
	}
	
	.excitement_product_parent > a:first-child{
		width:-moz-calc(100% - 24.5vw);
		width:-webkit-calc(100% - 24.5vw);
		width:calc(100% - 24.5vw);
	}
	
	.excitement_product_parent > a:first-child img{
		width:7.5vw;
	}
	
	.excitement_product_parent > a:first-child figcaption{
		width:-moz-calc(100% - 8.5vw);
		width:-webkit-calc(100% - 8.5vw);
		width:calc(100% - 8.5vw);
		padding:0.5vw 0.5vw 0.5vw 6.0vw;
		border-radius:0.6vw;
	}
	
	.excitement_product_parent0 > a:first-child figcaption{
		background:url(img/icon/0.png) no-repeat 0.5vw center / 5.0vw, linear-gradient(to bottom, #fff19f 0%, #fffbe7 100%);
	}
	
	.excitement_product_parent1 > a:first-child figcaption{
		background:url(img/icon/1.png) no-repeat 0.5vw center / 5.0vw, linear-gradient(to bottom, #eff5bc 0%, #fbfde6 100%);
	}
	
	.excitement_product_parent2 > a:first-child figcaption{
		background:url(img/icon/2.png) no-repeat 0.5vw center / 5.0vw, linear-gradient(to bottom, #fedeec 0%, #fdf6f9 100%);
	}
	
	.excitement_product_parent > a:first-child figcaption::after{
		width:0.9vw;
		top:3.0vw;
		left:-0.9vw;
	}
	
	.excitement_product_parent > a:first-child figcaption > span{
		font-size:1.4vw;
	}
	
	.excitement_product_parent > time{
		font-size:1.4vw;
		width:10.5vw;
		border-radius:0.6vw;
	}
	
	.excitement_product_parent > div{
		width:13.0vw;
		border-radius:0.6vw;
	}
	
	.excitement_product_parent > div > a{
		height:5.0vw;
		width:11.5vw;
		justify-content:center;
		border-radius:2.5vw;
	}
	
	.excitement_product_parent > div span{
		font-size:1.4vw;
	}
}
/****************************** /tablet ******************************/

/****************************** sp ******************************/
@media screen and (max-width:768px){
	.excitement{
		width:100%;
		height:56.0vw;
	}
	
	.excitement_product_parent{
		margin-bottom:1.0vw;
	}
	
	.excitement_product_parent > a:first-child{
		width:-moz-calc(100% - 37.0vw);
		width:-webkit-calc(100% - 37.0vw);
		width:calc(100% - 37.0vw);
	}
	
	.excitement_product_parent > a:first-child img{
		width:17.0vw;
	}
	
	.excitement_product_parent > a:first-child figcaption{
		width:-moz-calc(100% - 18.5vw);
		width:-webkit-calc(100% - 18.5vw);
		width:calc(100% - 18.5vw);
		padding:0.5vw 0.5vw 0.5vw 10.0vw;
		border-radius:0.6vw;
	}
	
	.excitement_product_parent0 > a:first-child figcaption{
		background:url(img/icon/0.png) no-repeat 0.5vw center / 9.0vw, linear-gradient(to bottom, #fff19f 0%, #fffbe7 100%);
	}
	
	.excitement_product_parent1 > a:first-child figcaption{
		background:url(img/icon/1.png) no-repeat 0.5vw center / 9.0vw, linear-gradient(to bottom, #eff5bc 0%, #fbfde6 100%);
	}
	
	.excitement_product_parent2 > a:first-child figcaption{
		background:url(img/icon/2.png) no-repeat 0.5vw center / 9.0vw, linear-gradient(to bottom, #fedeec 0%, #fdf6f9 100%);
	}
	
	.excitement_product_parent > a:first-child figcaption::after{
		width:0.9vw;
		top:3.0vw;
		left:-0.9vw;
	}
	
	.excitement_product_parent > a:first-child figcaption > span{
		font-size:2.5vw;
	}
	
	.excitement_product_parent > time{
		font-size:2.5vw;
		width:17.0vw;
		border-radius:0.6vw;
	}
	
	.excitement_product_parent > div{
		width:18.0vw;
		border-radius:0.6vw;
	}
	
	.excitement_product_parent > div > a{
		height:7.0vw;
		width:16.0vw;
		justify-content:center;
		border-radius:3.5vw;
	}
	
	.excitement_product_parent > div span{
		font-size:1.9vw;
	}
}
/****************************** /sp ******************************/
/*----------------------------- /excitement -----------------------------*/