@charset "UTF-8";


/* ========================================
	produce
======================================== */
.background01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 300ms;
	background: center top no-repeat;
	background-size: 100% auto;
}
.background01 {
	background-image: url(../images/produce/bg_cont.jpg);
	opacity: 1;
}
.c-pagetitle {
	position: relative;
	width: 68%; /* 510 / 750 * 100 */
	margin: 0 auto;
}
.p-produce {
	position: relative;
}
.c-pagecatch {
	position: absolute;
	top: -1.0894495412844036%; /* -57 / 5232 * 100 */
	left: 3.8666666666666667%; /* 29 / 750 * 100 */
	width: 92.13333333333334%; /* 691 / 750 * 100 */
}
.p-produce_lead01 {
	position: absolute;
	top: 1.5863914373088686%; /* 83 / 5232 * 100 */
	left: 5.333333333333334%; /* 40 / 750 * 100 */
	width: 87.2%; /* 654 / 750 * 100 */
}
.slider-frame {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(60px);
	transform: translateY(60px);
	transition:
		opacity 400ms,
		-webkit-transform 500ms,
		transform 500ms;
}
.is-animation .slider-frame {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* ========================================
	p-hairset
======================================== */
.p-hairset {
	position: absolute;
	top: 4.778287461773701%; /* 250 / 5232 * 100 */
	left: 1.7333333333333332%; /* 13 / 750 * 100 */
	width: 96.8%; /* 726 / 750 * 100 */
	height: 25.840978593272173%; /* 1352 / 5232 * 100 */
	background: url(../images/produce/bg_hairset.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-hairset_item01 {
	position: absolute;
	top: 3.8461538461538463%; /* 52 / 1352 * 100 */
	right: 2.203856749311295%; /* 16 / 726 * 100 */
	width: 83.19559228650138%; /* 604 / 726 * 100 */
}
.p-hairset .p-produce_dl dt {
	position: absolute;
	top: 23.668639053254438%; /* 320 / 1352 * 100 */
	left: 34.57300275482093%; /* 251 / 726 * 100 */
	width: 28.09917355371901%; /* 204 / 726 * 100 */
}
.p-hairset .p-produce_dl dd {
	position: absolute;
	top: 33.28402366863905%; /* 450 / 1352 * 100 */
	left: 9.77961432506887%; /* 71 / 726 * 100 */
	width: 78.65013774104683%; /* 571 / 726 * 100 */
}
.p-hairset_p {
	position: absolute;
	top: 47.337278106508876%; /* 640 / 1352 * 100 */
	left: 9.641873278236915%; /* 70 / 726 * 100 */
	width: 79.06336088154269%; /* 574 / 726 * 100 */
	height: 33.062130177514796%; /* 447 / 1352 * 100 */
}
.p-hairset_p .sliderwrap {
	position: absolute;
	top: 4.47427293064877%; /* 20 / 447 * 100 */
	left: 3.484320557491289%; /* 20 / 574 * 100 */
	width: 92.33449477351915%; /* 530 / 574 * 100 */
	height: 79.19463087248322%; /* 354 / 447 * 100 */
}
.p-hairset_p .bx-wrapper .bx-pager {
	position: relative;
	bottom: -7px;
	z-index: 100;
}
.p-hairset_p .bx-wrapper .bx-pager-item a {
	width: 5.625vw;
	height: 5.625vw;
	margin: 0 4px;
	background: url(../images/common/ico_pager_pu.png) no-repeat 0 0;
	background-size: 100% auto;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
.p-hairset_p .bx-wrapper .bx-pager-item a.active {
	background-position: 0 100%;
}
.p-hairset_p .bx-wrapper .bx-controls-direction a {
	width: 15.09433962264151%; /* 80 / 530 * 100 */
	height: 22.598870056497177%; /* 80 / 354 * 100 */
	margin-top:-11.299435028248588%; /* -40 / 354 * 100 */
}
.p-hairset_p .bx-wrapper .bx-prev {
	left: -8.49056603773585%; /* -45 / 530 * 100 */
	background: url(../images/common/ico_prev_pu.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-hairset_p .bx-wrapper .bx-next {
	right: -8.49056603773585%; /* -45 / 530 * 100 */
	background: url(../images/common/ico_next_pu.png) no-repeat 0 0;
	background-size: 100% auto;
}
.bxslider-hairset-text-wrap {
	display: block;
	position: absolute;
	top: 74.57627118644068%; /* 264 / 354 * 100 */
	left: 0;
	width: 50.943396226415096%; /* 270 / 530 * 100 */
	height: 11.299435028248588%; /* 40 / 354 * 100 */
}
.bxslider-hairset-text-wrap .bx-viewport {
  overflow: visible !important;
}
.p-hairset_item02 {
	position: absolute;
	top: 77.73668639053254%; /* 1051 / 1352 * 100 */
	left: 6.6115702479338845%; /* 48 / 726 * 100 */
	width: 22.727272727272727%; /* 165 / 726 * 100 */
}

/* ========================================
	p-makeup
======================================== */
.p-makeup {
	position: absolute;
	top: 31.938073394495415%; /* 1671 / 5232 * 100 */
	left: 1.7333333333333332%; /* 13 / 750 * 100 */
	width: 95.6%; /* 717 / 750 * 100 */
	height: 25.783639143730884%; /* 1349 / 5232 * 100 */
	background: url(../images/produce/bg_makeup.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-makeup_item01 {
	position: absolute;
	top: 3.9288361749444034%; /* 53 / 1349 * 100 */
	left: 0.9762900976290098%; /* -7 / 717 * 100 */
	width: 94.28172942817295%; /* 676 / 717 * 100 */
}
.p-makeup .p-produce_dl dt {
	position: absolute;
	top: 23.57301704966642%; /* 318 / 1349 * 100 */
	left: 33.61227336122734%; /* 241 / 717 * 100 */
	width: 34.58856345885635%; /* 248 / 717 * 100 */
}
.p-makeup .p-produce_dl dd {
	position: absolute;
	top: 33.35804299481097%; /* 450 / 1349 * 100 */
	left: 10.87866108786611%; /* 78 / 717 * 100 */
	width: 79.6373779637378%; /* 571 / 717 * 100 */
}
.p-makeup_p {
	position: absolute;
	top: 47.44255003706449%; /* 640 / 1349 * 100 */
	left: 10.739191073919107%; /* 77 / 717 * 100 */
	width: 80.0557880055788%; /* 574 / 717 * 100 */
	height: 33.13565604151223%; /* 447 / 1349 * 100 */
}
.p-makeup_p .sliderwrap {
	position: absolute;
	top: 4.47427293064877%; /* 20 / 447 * 100 */
	left: 3.484320557491289%; /* 20 / 574 * 100 */
	width: 92.33449477351915%; /* 530 / 574 * 100 */
	height: 79.19463087248322%; /* 354 / 447 * 100 */
}
.p-makeup_p .bx-wrapper .bx-pager {
	position: relative;
	bottom: -7px;
	z-index: 100;
}
.p-makeup_p .bx-wrapper .bx-pager-item a {
	width: 5.625vw;
	height: 5.625vw;
	margin: 0 4px;
	background: url(../images/common/ico_pager_gr.png) no-repeat 0 0;
	background-size: 100% auto;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
.p-makeup_p .bx-wrapper .bx-pager-item a.active {
	background-position: 0 100%;
}
.p-makeup_p .bx-wrapper .bx-controls-direction a {
	width: 15.09433962264151%; /* 80 / 530 * 100 */
	height: 22.598870056497177%; /* 80 / 354 * 100 */
	margin-top:-11.299435028248588%; /* -40 / 354 * 100 */
}
.p-makeup_p .bx-wrapper .bx-prev {
	left: -8.49056603773585%; /* -45 / 530 * 100 */
	background: url(../images/common/ico_prev_gr.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-makeup_p .bx-wrapper .bx-next {
	right: -8.49056603773585%; /* -45 / 530 * 100 */
	background: url(../images/common/ico_next_gr.png) no-repeat 0 0;
	background-size: 100% auto;
}
.bxslider-makeup-text-wrap {
	display: block;
	position: absolute;
	top: 63.84180790960452%; /* 226 / 354 * 100 */
	left: 0;
	width: 60.18867924528302%; /* 319 / 530 * 100 */
	height: 20.903954802259886%; /* 74 / 354 * 100 */
}
.bxslider-makeup-text-wrap .bx-viewport {
  overflow: visible !important;
}
.p-makeup_item02 {
	position: absolute;
	top: 78.72498146775389%; /* 1062 / 1349 * 100 */
	right: -2.789400278940028%; /* -20 / 717 * 100 */
	width: 42.53835425383542%; /* 305 / 717* 100 */
}


/* ========================================
	p-nail
======================================== */
.p-nail {
	position: absolute;
	top: 59.04051987767585%; /* 3089 / 5232 * 100 */
	left: 1.7333333333333332%; /* 13 / 750 * 100 */
	width: 95.6%; /* 717 / 750 * 100 */
	height: 25.974770642201833%; /* 1359 / 5232 * 100 */
	background: url(../images/produce/bg_nail.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-nail_item01 {
	position: absolute;
	top: 4.5621780721118474%; /* 62 / 1359 * 100 */
	left: 9.902370990237099%; /* 71 / 717 * 100 */
	width: 93.02649930264994%; /* 667 / 717 * 100 */
}
.p-nail .p-produce_dl dt {
	position: absolute;
	top: 23.5467255334805%; /* 320 / 1359 * 100 */
	left: 41.14365411436541%; /* 295 / 717 * 100 */
	width: 17.294281729428175%; /* 124 / 717 * 100 */
}
.p-nail .p-produce_dl dd {
	position: absolute;
	top: 33.03899926416483%; /* 449 / 1359 * 100 */
	left: 9.902370990237099%; /* 71 / 717 * 100 */
	width: 79.6373779637378%; /* 571 / 717 * 100 */
}
.p-nail_p {
	position: absolute;
	top: 47.093451066961%; /* 640 / 1359 * 100 */
	left: 10.739191073919107%; /* 77 / 717 * 100 */
	width: 80.0557880055788%; /* 574 / 717 * 100 */
	height: 32.89183222958057%; /* 447 / 1359 * 100 */
}
.p-nail_p .sliderwrap {
	position: absolute;
	top: 4.47427293064877%; /* 20 / 447 * 100 */
	left: 3.484320557491289%; /* 20 / 574 * 100 */
	width: 92.33449477351915%; /* 530 / 574 * 100 */
	height: 79.19463087248322%; /* 354 / 447 * 100 */
}
.p-nail_p .bx-wrapper .bx-pager {
	position: relative;
	bottom: -7px;
	z-index: 100;
}
.p-nail_p .bx-wrapper .bx-pager-item a {
	width: 5.625vw;
	height: 5.625vw;
	margin: 0 4px;
	background: url(../images/common/ico_pager_pi.png) no-repeat 0 0;
	background-size: 100% auto;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
.p-nail_p .bx-wrapper .bx-pager-item a.active {
	background-position: 0 100%;
}
.p-nail_p .bx-wrapper .bx-controls-direction a {
	width: 15.09433962264151%; /* 80 / 530 * 100 */
	height: 22.598870056497177%; /* 80 / 354 * 100 */
	margin-top:-11.299435028248588%; /* -40 / 354 * 100 */
}
.p-nail_p .bx-wrapper .bx-prev {
	left: -8.49056603773585%; /* -45 / 530 * 100 */
	background: url(../images/common/ico_prev_pi.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-nail_p .bx-wrapper .bx-next {
	right: -8.49056603773585%; /* -45 / 530 * 100 */
	background: url(../images/common/ico_next_pi.png) no-repeat 0 0;
	background-size: 100% auto;
}
.bxslider-nail-text-wrap {
	display: block;
	position: absolute;
	top: 63.84180790960452%; /* 226 / 354 * 100 */
	left: 0;
	width: 53.9622641509434%; /* 286 / 530 * 100 */
	height: 20.903954802259886%; /* 74 / 354 * 100 */
}
.bxslider-nail-text-wrap .bx-viewport {
  overflow: visible !important;
}
.p-nail_item02 {
	position: absolute;
	top: 81.60412067696836%; /* 1109 / 1359 * 100 */
	left: -0.41841004184100417%; /* -3 / 717 * 100 */
	width: 31.380753138075313%; /* 225 / 717 * 100 */
}


/* ========================================
	p-mens
======================================== */
.p-mens {
	position: absolute;
	top: 85.97094801223241%; /* 4498 / 5232 * 100 */
	left: 2.1333333333333333%; /* 16 / 750 * 100 */
	width: 97.86666666666667%; /* 734 / 750 * 100 */
}


/* ========================================
	p-total
======================================== */
.p-total {
	position: relative;
	top: 0;
	left: 2.666666666666667%; /* 20 / 750 * 100 */
	width: 94.66666666666667%; /* 710 / 750 * 100 */
}
.p-total_h {
	position: absolute;
	top: 5.036785512167516%; /* 89 / 1767 * 100 */
	left: 1.25%; /* 9 / 710 * 100 */
	width: 97.32394366197184%; /* 691 / 710 * 100 */
}
.p-total_lead01 {
	position: absolute;
	top: 14.657611771363893%; /* 259 / 1767 * 100 */
	left: 6.619718309859154%; /* 47 / 710 * 100 */
	width: 86.76056338028168%; /* 616 / 710 * 100 */
}
.p-total_lead02 {
	position: absolute;
	top: 20.09054895302773%; /* 355 / 1767 * 100 */
	left: 6.338028169014084%; /* 45 / 710 * 100 */
	width: 89.5774647887324%; /* 636 / 710 * 100 */
}
.p-total_item01 {
	position: absolute;
	top: 27.504244482173174%; /* 486 / 1767 * 100 */
	left: 18.450704225352112%; /* 131 / 710 * 100 */
	width: 64.64788732394366%; /* 459 / 710 * 100 */
}
.p-total_lead03 {
	position: absolute;
	top: 46.859083191850594%; /* 828 / 1767 * 100 */
	left: 6.478873239436619%; /* 46 / 710 * 100 */
	width: 89.85915492957747%; /* 638 / 710 * 100 */
}
.p-total_p {
	position: absolute;
	top: 59.08319185059423%; /* 1044 / 1767 * 100 */
	left: 5.633802816901409%; /* 40 / 710 * 100 */
	width: 88.73239436619718%; /* 630 / 710 * 100 */
	height: 26.032823995472555%; /* 460 / 1767 * 100 */
}
.p-total_p .sliderwrap02 {
	position: absolute;
	top: 4.3478260869565215%; /* 20 / 460 * 100 */
	left: 3.1746031746031744%; /* 20 / 630 * 100 */
	width: 93.65079365079364%; /* 590 / 630 * 100 */
	height: 80.43478260869566%; /* 370 / 460 * 100 */
}
.p-total_p .bx-wrapper .bx-pager {
	position: relative;
	bottom: -8px;
	z-index: 100;
}
.p-total_p .bx-wrapper .bx-pager-item a {
	width: 5.625vw;
	height: 5.625vw;
	margin: 0 4px;
	background: url(../images/common/ico_pager_bl.png) no-repeat 0 0;
	background-size: 100% auto;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
.p-total_p .bx-wrapper .bx-pager-item a.active {
	background-position: 0 100%;
}
.p-total_p .bx-wrapper .bx-controls-direction a {
	width: 13.559322033898304%; /* 80 / 590 * 100 */
	height: 21.62162162162162%; /* 80 / 370 * 100 */
	margin-top:-10.81081081081081%; /* -40 / 370 * 100 */
}
.p-total_p .bx-wrapper .bx-prev {
	left: -12.203389830508476%; /* -72 / 590 * 100 */
	background: url(../images/common/ico_prev_pi.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-total_p .bx-wrapper .bx-next {
	right: -12.203389830508476%; /* -72 / 590 * 100 */
	background: url(../images/common/ico_next_pi.png) no-repeat 0 0;
	background-size: 100% auto;
}