@charset "utf-8";
.parasola-container{
	width: 100% ! important;
	max-width: 100%;
}
.parasola-wrapper ol li{
	list-style: none;
}
.parasola-wrapper img{
	display: block;
	vertical-align: bottom;
}
.parasola-wrapper h1,.parasola-wrapper h2,.parasola-wrapper h3{
	margin: 0;
	padding: 0;
	line-height: 1;
}
/* ===================== */
#product-sweet ,
#product-illumi {
	padding: 179px 0 0 0;
	margin: -179px 0 0 0;
}

.pane-contents{
	padding-bottom: 0;
}
.pane-contents img{
	max-width: 100%;
}

.parasola-wrapper{
	background: url("/img/topic/campaign/parasola20181210/img/bg_parasola.png") top center repeat-y;	
	text-align: center;
}
.parasola-contents{
	width: 750px;
	margin: 0 auto;
	position: relative;
	background: #fff;
}
.parasola-contents .social{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url("/img/topic/campaign/parasola20181210/img/bg_share.png") top center no-repeat;
	height: 133px;
	z-index: 1;
}
.parasola-contents .social ul{
	overflow: hidden;
	margin: 15px 0 0 7px;
}
.parasola-contents .social li{
	float: left;
	margin: 0 0 0 8px;
}
.parasola-contents .social li.line{
	display: none;
}

.parasola-contents .pnav-wrapper{
	height: 256px;
	background: url("/img/topic/campaign/parasola20181210/img/top/bg_stripe02.png") top center repeat-y;
}

.parasola-contents .pnav{
	padding: 20px 0;
	width: 750px;
	top: 0;
	z-index: 10;
}
.parasola-contents .pnav.fixed{
	background: url("/img/topic/campaign/parasola20181210/img/top/bg_stripe02.png") top center repeat-y;
}
.parasola-contents .pnav ul{
	margin: 0 36px;
}
.parasola-contents .pnav li{
	float: left;
	margin-bottom: 10px;
}
.parasola-contents .pnav li:nth-of-type(1){
	margin-right: 28px;
}
.parasola-contents .pnav li:nth-of-type(3){
	margin-right: 10px;
	margin-left: -20px;
}

.parasola-contents .pnav li:last-child{
	margin: 0;
}
.parasola-contents .profile img{
	margin: 60px auto ;
}

/* TOP =========================== */
.para_top .parasola-contents .pnav-wrapper{
	background: transparent;
}

.para_top .parasola-header{
	position: relative;
	padding: 0 0 134px;
	background: url("/img/topic/campaign/parasola20181210/img/top/bg_stripe01.png") top center repeat-y;
}

.para_top .parasola-header .product{
	position: absolute;
	top: 892px;
	right: 27px;
}
.para_top .parasola-header .btn_banner{
	margin: 0 auto 30px;
	display: block;
	width: 680px;
	text-align: center;
}
.para_top .parasola-header .catch{
	text-align: center;
	padding: 30px 0;
}
.para_top .parasola-header .catch img{
	margin: 0 auto;
}

.para_top .topics{
	margin: -164px 0 0 0;
	position: relative;
	z-index: 1;
	padding: 0 0 164px;
}
.para_top .topics ul{
	padding: 0 40px;
}
.para_top .topics ul li{
	font-size: 24px;
	text-align: left;
	overflow: hidden;
	margin-bottom: 30px;
	color: #000;
}
.para_top .topics ul li span{
	display: block;
	float: left;
	width: 120px;
}
.para_top .topics ul li p{
	margin-left: 166px;
	letter-spacing: -1px;
}
.para_top .uv_series{
	margin: -164px 0 0 0;
	position: relative;
	z-index: 1;
	padding: 0 0 164px;
}
.para_top .uv_series p.catch{
	padding: 60px 0;
	background: #fff;
}
.para_top .uv_series p.catch img{
	margin: 0 auto;
}

.uv_series .uv_txt{
	text-align: center;
}
.uv_series .uv_txt img{
	margin: 0 auto 60px;
}

.uv_series .lineup h3 img{
	margin: 0 auto 47px;
}
.para_top .uv_series .lineup h4{
	margin: 0 0 60px;
}
.para_top .uv_series .lineup ul{
	margin: 0 25px 70px;
	overflow: hidden;
}
.para_top .uv_series .lineup ul li{
	float: left;
}
.para_top .uv_series .lineup ul li p{
	padding: 30px 0 0 0;
}
.para_top .uv_series .lineup ul li:first-child{
	margin: 0 28px 0 0;
}
.para_top .btn_detail{
	display: block;
	width: 553px;
	margin: 0 auto;
}

.para_top .make_series{
	margin: -164px 0 0 0;
	position: relative;
	z-index: 1;
	padding: 0 0 110px;
}

.para_top .make_series p.catch{
	padding: 60px 0;
	background: #fff;
}
.para_top .make_series p.catch img{
	margin: 0 auto;
}

.para_top .make_series .lineup h3 img{
	margin: 0 auto 47px;
}
.para_top .make_series .lineup h4{
	margin: 0 0 60px;
}
.para_top .make_series .lineup ul{
	margin: 0 25px 70px;
	overflow: hidden;
}
.para_top .make_series .lineup ul li{
	float: left;
}
.para_top .make_series .lineup ul li p{
	padding: 30px 0 0 0;
}
.para_top .make_series .lineup ul li:first-child{
	margin: 0 28px 0 0;
}

.para_top .campaign{
    margin-top: -266px;
    padding-top: 266px;
}
.para_top .campaign .inner{
	background: url("/img/topic/campaign/parasola20181210/img/top/bg_stripe02.png") top center repeat-y;
}

.para_top .campaign ul{
	margin: 0 146px;
}
.para_top .campaign ul li{
	width: 215px;
	float: left;
}
.para_top .campaign ul li:first-child{
	margin-right: 25px;
}
.para_top .campaign .agreement{
	border: 2px solid #000;
	border-radius: 20px;
	padding: 33px 10px 33px 33px;
	margin: 0 25px;
	background: #fff;
	text-align: left;
}
.para_top .campaign .agreement .agree_inner{
	overflow-y: scroll;
	height: 400px;
}

.para_top .campaign .agreement h3{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px;
}
.para_top .campaign .agreement p{
	font-size: 18px;
	margin-bottom: 30px;
}
.para_top .campaign .agreement p a{
	text-decoration: underline;

}

.para_top .event{
    margin-top: -266px;
    padding-top: 266px;
}
.para_top .event .inner{
	background: url("/img/topic/campaign/parasola20181210/img/top/bg_stripe02.png") top center repeat-y;
}

.para_top .event .btn_map{
	width: 553px;
	display: block;
	margin: 0 auto;
}

/* makeup =========================== */
.para_makeup .howto ol{
	overflow: hidden;
}
.para_makeup .howto li{
	float: left;
}
.para_makeup .movie{
	background-color: #cdc3e0;
	padding: 0 25px 90px;
}
.para_makeup .make_series{
	padding: 60px 0 0 0;
}
.para_makeup .make_series .lineup h3 img{
	margin: 0 auto 47px;
}
.para_makeup .make_series .lineup h4{
	margin: 0 0 60px;
}
.para_makeup .make_series .lineup ul{
	margin: 0 25px 70px;
	overflow: hidden;
}
.para_makeup .make_series .lineup ul li{
	float: left;
}
.para_makeup .make_series .lineup ul li p{
	padding: 30px 0 0 0;
}
.para_makeup .make_series .lineup ul li:first-child{
	margin: 0 28px 0 0;
}
.para_makeup .bnr_campaign{
	margin: 0 auto 30px;
	display: block;
	width: 698px;
}

/* uv =========================== */
.para_uv .uv-series{
	padding: 200px 0 0 0;
	background: url("/img/topic/campaign/parasola20181210/img/uv/bg_stripe.png") top center no-repeat;
}
.para_uv .uv-series h2 img{
	margin: 0 auto 70px;
}
.para_uv .uv-series ul.detail{
	margin: 0 25px;
}
.para_uv .uv-series ul.detail li{
	margin: 0 0 60px
}

.para_uv .lineup h3 img{
	margin: 0 auto 47px;
}
.para_uv .lineup h4{
	margin: 0 0 60px;
}
.para_uv .lineup ul{
	margin: 0 25px 70px;
	overflow: hidden;
}
.para_uv .lineup ul li{
	float: left;
}
.para_uv .lineup ul li p{
	padding: 30px 0 0 0;
}
.para_uv .lineup ul li:first-child{
	margin: 0 28px 0 0;
}
.para_uv p.txt{
	margin: 0 25px 120px;
}
.para_uv .fragrance-series{
	padding: 60px 0 0 0;
}
.para_uv .fragrance-series h2 img{
	margin: 0 auto 70px;
}
.para_uv .fragrance-series ul.detail{
	margin: 0 25px 0;
}
.para_uv .fragrance-series ul.detail li{
	margin: 0 0 60px
}
.para_uv .illumiskin-series{
	padding: 60px 0 0 0;
}
.para_uv .illumiskin-series h2 img{
	margin: 0 auto 70px;
}
.para_uv .illumiskin-series ul.detail{
	margin: 0 0 0 25px;
}
.para_uv .illumiskin-series ul.detail li{
	margin: 0 0 60px
}
.para_uv .course{
	margin: 0 25px 100px;
}
.para_uv .bnr_campaign{
	margin: 0 auto 30px;
	display: block;
	width: 698px;
}



.parasola-contents .socail-footer{
	background: #fff;
	padding: 0 0 37px;
}
.parasola-contents .socail-footer ul{
	overflow: hidden;
	margin: 0 25px;
}
.parasola-contents .socail-footer li{
	width: 218px;
	float: left;
	margin-right: 23px;
}
.parasola-contents .socail-footer li:last-child{
	margin-right: 0;
}











@media screen and (max-width:750px) {
.parasola-contents .social li.line{
	display: block;
}
.parasola-contents .pnav{
	top: 83px;
}

.container{
	min-width: 0;
}

/* ================*/}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}


/* Slider */
.slick-loading .slick-list {
  background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 114px;
}
.slick-dots {
  position: absolute;
  bottom: -20px;
  left: 67px;
  display: block;
  width: 135px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
	box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 16px 0 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #d4d4d4;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  background: #f3aabd;
}
.slick-dots li.slick-active button{
  background: #f3aabd;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}