@charset "utf-8";
/* CSS Document */
#merchandise #leadWrap{
	padding: 60px 0;
	text-align: center;
	background: #ffea00;
}
#merchandise #leadWrap h1{
	font-size: 2.4em;
}
#merchandise #leadWrap .lead{
	margin-top: 2em;
}
#merchandise #leadWrap .leadMV{
	width: 960px;
	margin-top: 20px;
}
#merchandise #leadWrap .leadMV.ex{
	border-radius: 10px;
}
@media screen and (max-width: 1080px) {
	#merchandise #leadWrap .leadMV{
		width: 80%;
	}
	#merchandise #leadWrap h1 img{
		width: 400px;
	}
}
@media screen and (max-width: 767px) {
	#merchandise #leadWrap{
		padding: 30px 0 20px 0;
	}
	#merchandise #leadWrap .leadMV{
		width: 92vw;
		margin-top: 5px;
	}
	#merchandise #leadWrap .leadMV.ex{
		border-radius: 5px;
	}
	#merchandise #leadWrap h1{
		font-size: 6vw;
		width: 90vw;
		margin: auto;
	}
	#merchandise #leadWrap h1 img{
		width: 70%;
	}
	#merchandise #leadWrap .lead{
		padding: 0 4vw;
	}
}
/* ---------------------------------------------------------
purchaseList
----------------------------------------------------------*/
#merchandise .purchaseList{
	/*margin-top: 60px;*/
}
#merchandise .purchaseList h2{
	margin-bottom: 0;
	padding: 10px;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	background: #ffea00;
	border-radius: 20px 20px 0 0;
}
#merchandise .purchaseList ul{
	transform: rotate(0.03deg);
	background: #FFF;
	border-radius: 0 0 20px 20px;
	padding: 1em;
}
#merchandise .purchaseList li{
	font-size: 0.9em;
	display: inline;
}
#merchandise .purchaseList li a{
	text-decoration: underline;
	color: crimson;
}
#merchandise .purchaseList li a:hover{
	color: firebrick;
}
#merchandise .purchaseList li span.small{
	font-size: 0.8em;
	margin-left: 0.4em;
	text-decoration: none !important;
}
#merchandise .purchaseList li::after{
	content: '/';
	margin-left: 0.5em;
	color: #A6A6A6;
}
#merchandise .purchaseList li:last-child::after{
	content: 'ほか多数';
	font-size: 0.8em;
	margin-left: 0.5em;
}
@media screen and (max-width: 767px) {
	#merchandise .purchaseList{
		margin-top: 30px;
	}
	#merchandise .purchaseList h2{
		font-size: 1.2em;
	}
}

/* ---------------------------------------------------------
itemWrap
----------------------------------------------------------*/
#merchandise .itemWrap h2{
	text-align: center;
	font-size: 30px;
    font-weight: 700;
	padding: 60px 0 40px 0;
}
#merchandise .itemWrap .note{
	font-size: 0.9em;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#merchandise .itemWrap h2{
		font-size: 1.4em;
		padding: 2em 0 1.5em 0;
	}
	#merchandise .slick-dotted.slick-slider{
		margin-bottom: 0 !important;
	}
}


#merchandise .bnrArea{
	text-align: center;
	margin: 60px auto;
}
#merchandise .bnrArea a{
	display: block;
	width: 820px;
	margin: auto;
}
#merchandise .bnrArea a:hover{
	transform: scale(1.04);
	transition: 0.3s;
}
@media screen and (max-width: 1080px) {
	#merchandise .bnrArea{
		text-align: center;
		margin: 40px auto;
	}
	#merchandise .bnrArea a{
		width: 88vw;
	}
	#merchandise .bnrArea a img{
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	#merchandise .bnrArea a{
		width: 88vw;
	}
	#merchandise .bnrArea a img{
		width: 100%;
	}
}

/* ---------------------------------------------------------
prSection
----------------------------------------------------------*/
#merchandise .prSection.single{
	margin: 0 auto;
}
#merchandise .prSection.single .mainButton{
	margin: 1em auto;
}
@media screen and (max-width: 767px) {
	#merchandise .prSection{
		margin-bottom: 40px;
	}
}