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

#blackfriday{
	color: #666;
	padding:0;
	background-color: #000;
}
#blackfriday .container{width: 100%;}
#blackfriday img {width: 100%;}
#blackfriday a   {color: #f8f8f8;text-decoration: none;}
#blackfriday .txt-gray   {color: #818080;text-decoration: none;}
#blackfriday a:hover {text-decoration: none; opacity: 0.8;}

#blackfriday .pc {display: none;}
#blackfriday .sp {display: inherit;}

#blackfriday h1{
	font-size: 1rem; line-height: 1.6; border-bottom: none;
	letter-spacing: 1px; text-align: center; margin-bottom: 0;
}
#blackfriday h2{
	font-size: 2rem; color:#D7AE5E !important;
	line-height: 1.4; margin-bottom: 1em;
	letter-spacing: 1px; text-align: center;
}
#blackfriday .price{font-size: 1rem;color: #f00;}
#blackfriday .price strong.point{/* color: #009CDE; */}
#blackfriday  .price strong{font-size: 1.6rem; color: #F53131;}
/*#blackfriday p{font-size: .9rem; line-height: 1.6; margin-bottom: 5%;}*/
#blackfriday .tx-center{text-align: center;}
#blackfriday .tx-blue  {color: #74afe1;}
#blackfriday .tx-gold  {color: #D7AE5E;}
#blackfriday .tx-white {color:#fff;}
#blackfriday .bg-white{background-color: #000 !important;}
#blackfriday .copyright{font-size: 10px; text-align: right;}

#blackfriday .inner {
	width: 90%; margin: 0 auto; padding: 2% 0;
	overflow: hidden; clear: both;
	max-width: 1200px;
}
#blackfriday .btn-area{padding-bottom: 5%;}
#blackfriday .btn-area h3 {
              font-size: 1.3rem;
              font-weight: bold;
              text-align: center;
              color: #d8ae5f;
              }
}
#blackfriday .btn{
	width: 80%; margin: 0 auto; padding: .5rem 0;
	color: #666; background-color:#fff; border: 1px solid #666; display: block;
	text-align: center; font-size: 1rem; font-weight: bold;
	border-radius: 2rem;
}
#blackfriday .btn.small{width: 100%;font-size: .8rem;}
#blackfriday .btn.blue {background-color:#74afe1; color: #fff; border: 1px solid #74afe1;}
#blackfriday .btn.gold {width: 80%;padding: 2% 0;font-size: 1.2rem;background-color:#D7AE5E;color: #fff;border: 1px solid #D7AE5E;}
#blackfriday .btn.close{color: #fad35c; background-color:#6c6c6c;}

#blackfriday .col4{
    width: 96%; margin:0 auto; padding: 0;
	display: flex;flex-wrap: wrap;
	justify-content: space-between;
}
#blackfriday .col4 .box{width: calc(96% / 2);}


#blackfriday .KV {margin:0 auto 1rem; padding: 0;}
#blackfriday .subtext {text-align: left; color: #fff;}
#blackfriday .subtext strong {color:#FAFEC1; background-color: #5D9DDA;}

#blackfriday .howto {
	width: 96%; margin: 0 auto; padding: 2%;
	background-color: #fff; border-radius: 10px;
}
#blackfriday .howto .howto-title{font-size: 1.2rem; font-weight: bold; margin-bottom: 0;}
#blackfriday .howto .newmember{border-top:1px solid #74afe1; margin: 5% auto 0;  padding: 5% 0;}
#blackfriday .howto .newmember .bnr{margin-bottom: 5%;}

#blackfriday .secret-category{width: 95%; margin: 0 auto 10px; background-color: #AFDBFF; color: #fff; padding: .5% 1%;}
#blackfriday #brands .col3.secret-category-list .box {width: calc(96%/2);}


#blackfriday .pickup {
	width: 100%; margin: 0 auto; padding:0;	background-color: #fff; text-align: center;
}
#blackfriday .pickup .brand-name {
	color: #D7AE5E; border-bottom: 2px dotted #D7AE5E;
	font-size: 1.2rem; letter-spacing: 1px;
	margin-bottom: 1rem; padding-bottom: .5rem;
}
#blackfriday .pickup .brand-name span {font-size: 10px; display: block;}
#blackfriday .pickup .brand-img  {width: 70%;}
#blackfriday .pickup .pick-txt {font-size:.8rem;}
#blackfriday .pickup .box{margin-bottom: 15%;}
#blackfriday .pickup .btn{width: 70%;}

/* item-list */
#blackfriday .item-wrap{background-color: #FFFAEC; padding: 2% 0 0;}

#blackfriday .item-list {
    margin: 0 0 40px;
    padding: 2% 0 20%;
}
#blackfriday .item-list li {
    position: relative;
	text-align: left; font-size: 12px;
}
#blackfriday .item-list li a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#blackfriday .item-list .item-txt p{font-size: .9rem; margin-bottom: 0;}
#blackfriday .item-img {
    margin: 0 0 15px;
	border-radius: 10px;
}
#blackfriday .item-list .price{font-size: 1rem;}
#blackfriday .item-list .price .offmark{
		display:block; font-size: .8rem; width: 5em; 
		color: #F53131; border: 1px solid #F53131; line-height: 1.2rem; text-align: center;}
#blackfriday .item-list .price strong{font-size: 1.2rem; color: #F53131;}
#blackfriday .item-slider .slick-list {
	padding: 0 55% 0 0
}
#blackfriday .item-slider .slick-slide {
    width: 60%;
    height: auto;
    padding: 0 8px;
	margin: 0;
}
#blackfriday .item-slider .slick-next {
	right: 20px;
	z-index: 99;
}
#blackfriday .item-slider .slick-prev {
	left: 15px;
	z-index: 100;
}
/*slick-arrow*/
#blackfriday .slick-arrow {
    width: 15px;
}
/*slick-dots*/
/*add*/
#blackfriday /*.item-slider */.slick-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    margin: 0;
    padding: 0;
}
#blackfriday .slick-dots li {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
#blackfriday .slick-dots li button {
    font-size: 0;
    line-height: 0;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    outline: 0;
    border-radius: 50%;
    transition-duration: 0.3s;
	background: #e9e9e9;
}
#blackfriday .slick-dots li button:before {
    content: none;
}
#blackfriday .slick-dots li button:hover,
#blackfriday .slick-dots li.slick-active button {
	background: #535353;
	opacity: 0.8;
}




/* ------------------------------------------------------------------------------------------------ PC */
@media screen and (min-width: 1200px) {

	#blackfriday .sp{display: none;}
	#blackfriday .pc{display: inherit;}
	
	#blackfriday h1{font-size: 1.6rem; padding: 0;}
	#blackfriday .present .title{font-size: 1rem;margin-bottom: 1rem;}
	#blackfriday p {font-size: 1.2rem;margin-bottom: 5%;}
	#blackfriday .title{font-size: 1rem;margin-bottom: 0.5rem;}
	#blackfriday .title span{display: block;}
	#blackfriday .price{font-size: 1rem;color: #f00;}
	
	
	#blackfriday .note{margin: 0 0 2em; font-size: .9rem;}
	#blackfriday .btn{
	width: 30%; padding: 1rem 0;
	font-size: 1.2rem; border-radius: 3.4rem;
	}
	#blackfriday .btn.small{width: 80%; font-size: 1rem;}

	#blackfriday .col4{width: 100%;}
	#blackfriday .box{margin: 0 1% 5%;}
    #blackfriday .col4 .box {width: calc(85%/3);}
    #blackfriday .box a{display: block;}

	#blackfriday .btn-area h3 {
              font-size: 2rem;
              }
}
	
	#blackfriday .KV {margin-bottom: 1rem;}
	#blackfriday .subtext {text-align: center;}
	#blackfriday .howto {width: 96%;}
	#blackfriday .howto .howto-title{font-size: 1.4rem;}
	#blackfriday .pickup .box{margin-bottom: 2%;}
	/*item-list*/
	#blackfriday .item-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		text-align: center;
		max-width: 1200px;
		padding: 2% 0;
	}
	#blackfriday .item-list li {
		width: calc(92%/4); margin-bottom: 2%;
	}
	#blackfriday .item-slider {
		width: 90%;
		margin: 0 auto;
		padding: 0 0 2%;
	}
	#blackfriday .secret-category{width: 78%;}
	#blackfriday #brands .col3.secret-category-list{width: 80%;}
	#blackfriday #brands .col3.secret-category-list .box{width: calc(94%/3);}
	
	#blackfriday .item-slider .slick-slide {
    padding: 0 15px;
}

}