/******************************/
/* SLIDER */
/******************************/
.sliderArea {max-width: 100%;margin: 0 auto;padding: 0;overflow-x: hidden;}
.slick-slide {margin: 0 0;}
.slick-slide img {width: 100%;height: auto;}
.slick-prev, .slick-next {z-index: 1;}
.slick-prev:before, .slick-next:before {color: #000;}
.slick-slide {transition: all ease-in-out .3s;opacity: .2;}
.slick-active {opacity: 1;}
.slick-current {opacity: 1;}
.thumb {margin: 20px 0 0;}
.thumb .slick-slide {cursor: pointer;}
.thumb .slick-slide:hover {opacity: .7;}
.full-screen .slick-list {overflow: visible;}
.full-screen.slider {margin: 0 auto;}
/******************************/
/* NEWS */
/******************************/

/******************************/
/* TOP RECOMMEND */
/******************************/
.p-recommend.u-container {padding-bottom: 0;}
/******************************/
/* NEWˇˇARRIVAL */
/******************************/
.p-new-item.u-container {padding-bottom: 0;}
/******************************/
/* TOP RANKING */
/******************************/
.p-ranking-list .slick-track {margin-left: 0;margin-right: 0;}
.p-ranking-list .slick-prev, .p-ranking-list .slick-next {top: 80px;width: 30px;height: 30px;transition: all 0.4s ease;z-index: 1;background: rgba(255,255,255,0.4);}
@media screen and (max-width: 767px) {
	.p-ranking-list .slick-prev, .p-ranking-list .slick-next {top: 110px;  width: 45px;  height: 45px;}
}
.p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {content: "";position: absolute;top: 7px;left: 10px;width: 15px;height: 15px;border-left: 2px solid #fff;border-top: 2px solid #fff;transition: all 0.4s ease;z-index: 1;}
@media screen and (max-width: 767px) {
	.p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {top: 15px;}
}
.p-ranking-list .slick-prev {left: -20px;}
@media screen and (max-width: 767px) {
	.p-ranking-list .slick-prev {left: 0px;}
}
.p-ranking-list .slick-prev:before {transform: rotate(-45deg);}
@media screen and (max-width: 767px) {
	.p-ranking-list .slick-prev:before {left: 17px;}
}
.p-ranking-list .slick-next {right: -20px;}
@media screen and (max-width: 767px) {
	.p-ranking-list .slick-next {right: 0px;}
}
.p-ranking-list .slick-next:before {left: 4px;transform: rotate(135deg);}
@media screen and (max-width: 767px) {
	.p-ranking-list .slick-next:before {left: 13px;}
}
.p-ranking-list__item {position: relative;box-sizing: border-box;margin-right: 20px;margin-left: 20px;padding-bottom: 25px;word-break: break-all;color: #fff !important;font-weight: 500;}
@media screen and (max-width: 1030px) {
	.p-ranking-list__item {margin-right: 5px;  margin-left: 5px;}
}
.p-ranking-list__img {position: relative;margin-bottom:.8rem;text-align: center;}
@media screen and (max-width: 767px) {
	.p-ranking-list__img {text-align: center;}
}
.p-ranking-list__img:before {content: "";display: block;padding-top: 100%;}
.p-ranking-list__img a {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff}
.p-ranking-list__img img {display: inline-block !important;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;max-width: 100%;max-height: 100%;width: auto !important;text-align: center;z-index:0}
.p-ranking-list__num {position: absolute;top: 5px;left: 5px;width: 24px;line-height: 24px;font-size: 12px;font-weight: bold;color: #ffffff;text-align: center;z-index: 1}
.p-ranking-list__ttl img {vertical-align: middle;}
.p-ranking-list__price {color: #fff;margin-top: 0.5rem;text-align: right;font-size: 12px;}
.p-ranking-list__btn {display: block;position: absolute;right: 0px;bottom: 0;padding: 0;border: 0;background: transparent;color: #d8d8d8;cursor: pointer;text-align: center;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.p-ranking-list__btn.is-added {color: #000000;}
.p-ranking-list__btn svg {width: 20px;height: 20px;fill: currentColor;}
/******************************/
/* TOP INFORMATION */
/******************************/
.p-information {padding-bottom: 0;}
@media screen and (max-width: 1030px) {
	.p-information {padding-bottom: 45px;}
}
.p-information__body {margin-left: 60px;margin-right: 60px;line-height: 2;}
@media screen and (max-width: 1030px) {
	.p-information__body {margin-left: 0;  margin-right: 0;}
}
/******************************/
/* TOP FREE */
/******************************/
.p-free__body {margin-left: 60px;margin-right: 60px;line-height: 2;}
@media screen and (max-width: 1030px) {
	.p-free__body {margin-left: 0;  margin-right: 0;}
}
/******************************/
/* TOP BANNER */
/******************************/
.p-bnr {box-sizing: border-box;padding-left: 20px;padding-right: 20px;}
@media screen and (max-width: 1030px) {
	.p-bnr {padding-left: 20px;  padding-right: 20px;}
}
.p-bnr-list {box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;}
@media screen and (max-width: 767px) {
	.p-bnr-list {display: block;}
}
.p-bnr-list__item {box-sizing: border-box;padding-left: 20px;padding-right: 20px;width: 33.3333%;}
@media screen and (max-width: 1030px) {
	.p-bnr-list__item {padding-left: 10px;  padding-right: 10px;}
}
@media screen and (max-width: 767px) {
	.p-bnr-list__item {padding-left: 0;  padding-right: 0;  margin-bottom: 10px;  width: auto;  text-align: center;}
}