/*
6px 	0.5em 	50% 
7px 	0.583em 	58.3% 
8px 	0.667em 	66.7% 	
9px 	0.75em 	75% 	
10px 	0.833em 	83.3% 	
11px 	0.917em 	91.7% 	
12px 	1em 		100% 	
13px 	1.083em 	108.3% 	
14px 	1.167em 	116.7% 	
15px 	1.25em 		125% 	
16px 	1.333em 	133.3% 	
17px 	1.417em 	141.7% 	
18px 	1.5em 		150% 	
19px 	1.583em 	158.3% 	
20px 	1.667em 	166.7% 	
21px 	1.75em 		175% 	
22px 	1.833em 	183.3% 	
23px 	1.917em 	191.7% 	
24px 	2em 		200% 	
25px 	2.083em 	208.3% 	
26px 	2.167em 	216.7% 	
27px 	2.25em 	225% 	
28px 	2.333em 	233.3% 	
29px 	2.417em 	241.7% 	
30px 	2.5em 	250% 	
31px 	2.583em 	258.3% 	
32px 	2.667em 	266.7% 	
33px 	2.75em 	275% 	
34px 	2.833em 	283.3% 	
35px 	2.917em 	291.7% 	
36px 	3em 		300% 
*/


.online-shops {
  margin: 0 auto;
  max-width: 650px;
  text-align: center;
}

.online-shops .title {
  margin: 115px 0 60px 0;
  color: #1b3063;
  font-size: 200%;
  font-weight: bold;
  text-align: center;
}

.online-shops ul li {
  box-sizing: border-box;
  padding: 0 9px;
  float: left;
	width: 33.33%;
}

.online-shops ul li a {
	display: block;
	color: #2c3684;
	font-size: 83.3%;
	text-decoration: none;
}

.online-shops ul li p {
	margin-top: 5px;
}

.online-shops ul li p {
	display: inline-block;
	margin-top: 10px;
	line-height: 1em;
	text-align: left;
}

.perfect-whip-mask-lp #trunk {
  background: url(../img/bg_01.png) center top repeat;
}


.perfect-whip-mask-lp #intro-section h1,
.perfect-whip-mask-lp #intro-section .text-01,
.perfect-whip-mask-lp #intro-section .text-02,
.perfect-whip-mask-lp #intro-section .online-shops,
.perfect-whip-mask-lp #intro-section .bubble,
.perfect-whip-mask-lp #intro-section .illus,
.perfect-whip-mask-lp #intro-section .col:first-of-type img,
.perfect-whip-mask-lp .prlx {
  opacity: 0;
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
}

.perfect-whip-mask-lp .prlx-fade {
  transition: all 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);  
  -ms-transform: none;
  transform: none;
}

.perfect-whip-mask-lp .section img {
  /*max-width: 100%;*/
  max-width: 100%;	
  height: auto;
}

.perfect-whip-mask-lp .section .container {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 980px;  
  text-align: left;
}

.perfect-whip-mask-lp h2 {
  text-align: center;
}

.perfect-whip-mask-lp .cols:after {
	content:"";
	display:block;
	clear:both; 
}

.perfect-whip-mask-lp .cols .col {
	/*max-width: 70%;*/	
	max-width: 70%;
	float: left;
}

.perfect-whip-mask-lp .cols.reverse .col:first-of-type {
	float: right;
}

.perfect-whip-mask-lp #intro-section .bubble:nth-last-of-type(1){
  position: absolute;
  left: -126px;
  top: 112px;
}

.perfect-whip-mask-lp #intro-section .bubble:nth-last-of-type(2){
  position: absolute;
  left: -78px;
  top: 270px;
  width: 75px;
}

.perfect-whip-mask-lp #intro-section .bubble:nth-last-of-type(3){
  position: absolute;
  right: 10px;
  top: 200px;
}

.perfect-whip-mask-lp #intro-section {
  background: url(../img/intro_bg.png) center top repeat-x;
}

.perfect-whip-mask-lp #intro-section .container {
  padding: 40px 0 50px 0;
}

.perfect-whip-mask-lp #intro-section .cols {
  margin-top: 40px;
  text-align: left;
}

.perfect-whip-mask-lp #intro-section .cols .col:last-of-type {
  position: relative;
  padding: 0 0 0 122px 
}

.perfect-whip-mask-lp #intro-section .illus-01 {
  position: absolute;
  left: 255px;
  top: 120px;
}

.perfect-whip-mask-lp #intro-section .illus-02 {
  position: absolute;
  left: 358px;
  top: -5px;
}

.perfect-whip-mask-lp #intro-section .text-01 {
	margin: 107px 0 30px 0;
}

.perfect-whip-mask-lp #intro-section .text-02 {
	margin-bottom: 50px;
}

.perfect-whip-mask-lp #intro-section .online-shops {
  -ms-transform: none;
  transform: none;
}

.perfect-whip-mask-lp #reasons-section {
  padding: 100px 0 60px 0;
}

.perfect-whip-mask-lp #reasons-section .container {
  padding-bottom: 70px;
  background-color: rgba(255,255,255,0.9);
}

.perfect-whip-mask-lp #reasons-section h2 {
  margin-bottom: 80px;
}

.perfect-whip-mask-lp #reasons-section h3 {
  margin-bottom: 30px;
}

.perfect-whip-mask-lp #reasons-section .box {
  margin-bottom: 70px;
  padding-left: 60px;  
}

.perfect-whip-mask-lp #reasons-section .box:nth-of-type(1) .col:last-of-type {
  margin-left: 53px;
}

.perfect-whip-mask-lp #reasons-section .box:nth-of-type(3) .col:last-of-type {
  margin: 30px 0 0 40px;
  width: 460px;
}

.perfect-whip-mask-lp #reasons-section .box .cols.reverse .col:first-of-type {
  margin-right: 32px;
  width: 400px;
}

.perfect-whip-mask-lp #reasons-section .box .cols.reverse .col:last-of-type {
	margin-left: 0;
}

.perfect-whip-mask-lp #reasons-section .box p {
  color: #1b3063;
  font-size: 191.7%;
  line-height: 2em;
  letter-spacing: -0.05em;
}

.perfect-whip-mask-lp .box strong {
  color: #e4007f;
}

.perfect-whip-mask-lp .box strong .underline {
  border-bottom: 1px solid #e4007f;
}

.perfect-whip-mask-lp #reasons-section .product {
  position: relative;
  margin: 0 0 40px 140px;
  padding-top: 210px;
}

.perfect-whip-mask-lp #reasons-section .product .pop-01 {
  position: absolute;
  left: 0;
  top: -10px;
}

.perfect-whip-mask-lp #reasons-section .product .pop-02 {
  position: absolute;
  left: 325px;
  top: 80px;
}

.perfect-whip-mask-lp #reasons-section .button {
  padding-bottom: 80px;
  text-align: center;
}

.perfect-whip-mask-lp #reasons-section .bubble:nth-last-of-type(1){
  position: absolute;
  right: -50px;
  top: 218px;
}

.perfect-whip-mask-lp #reasons-section .bubble:nth-last-of-type(2){
  position: absolute;
  left: -68px;
  top: 920px;
}

.perfect-whip-mask-lp #reasons-section .bubble:nth-last-of-type(3){
  position: absolute;
  right: -90px;
  top: 1050px;
}

.perfect-whip-mask-lp #points-section {
  margin-bottom: 70px;
  background-color: rgba(255,255,255,0.95);
}

.perfect-whip-mask-lp #points-section .container {
  padding: 30px 0 54px 0;
}

.perfect-whip-mask-lp #points-section h2 {
  margin-bottom: 84px;
}

.perfect-whip-mask-lp #points-section .box {
  margin-bottom: 70px;
}

.perfect-whip-mask-lp #points-section .box p {
  color: #1b3063;
  font-size: 166.7%;
  line-height: 2em;
}

.perfect-whip-mask-lp #points-section h3 {
  margin-bottom: 40px;
}

.perfect-whip-mask-lp #points-section .box .col:last-of-type {
  margin: 0 0 0 30px;
  width: 440px;
}

.perfect-whip-mask-lp #points-section .box .cols.reverse .col:first-of-type {
	margin-right: 32px;
}

.perfect-whip-mask-lp #points-section .box .cols.reverse .col:last-of-type {
	margin-left: 0;
}

.perfect-whip-mask-lp #points-section .box:last-of-type .col:last-of-type {
  margin-top: 30px;
}

.perfect-whip-mask-lp #points-section .box p.note {
  margin-top: 50px;
  font-size: 116.7%;
}

.perfect-whip-mask-lp #points-section .bubble:nth-last-of-type(1){
  position: absolute;
  right: 112px;
  top: 182px;
}

.perfect-whip-mask-lp #points-section .bubble:nth-last-of-type(2){
  position: absolute;
  left: -120px;
  top: 590px;
}

.perfect-whip-mask-lp #points-section .bubble:nth-last-of-type(3){
  position: absolute;
  right: -135px;
  top: 1154px;
}

.perfect-whip-mask-lp #campaign-section .lead {
  margin: 25px 0 30px 0;
}

.perfect-whip-mask-lp #campaign-section .badge {
  position: absolute;
  right: 12px;
  top: 12px;
}

.perfect-whip-mask-lp #campaign-section .entry-count {
  margin: 5px 25px 35px 25px;
  padding: 28px 20px 20px 20px;
  color: #333;
  font-size: 24px;
  font-weight: bold;  
  line-height: 2em;
  text-align: center;
  border-radius: 25px;
  background-color: #eaeaea;
}

.perfect-whip-mask-lp #campaign-section .entry-count strong {
  font-size: 34px;
}

.perfect-whip-mask-lp #campaign-section .entry-count span {
  position: relative;
  top: 3px;
  margin-right: 5px;
  color: #e4007f;
  font-size: 52px;
  font-weight: bold;
}

.perfect-whip-mask-lp #campaign-section .items {
  margin: 0 0 20px 0;
  font-size: 0;
}

.perfect-whip-mask-lp #campaign-section .items li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  padding: 0 10px;
  width: 219px;
  font-size: 12px;
}

.perfect-whip-mask-lp #campaign-section .items li .group {
  border: 5px solid #183263;
  border-radius: 8px;  
}

.perfect-whip-mask-lp #campaign-section .items li .item-status {
  padding: 3px 0;
  color: #fff;
  font-size: 133.3%;
  font-weight: bold;
  background-color: #183263;
}

.perfect-whip-mask-lp #campaign-section .items li .item-image {
  padding: 5px 0;
  text-align: center;
  border: 5px solid #183263;
  border-radius: 8px;  
  background-color: #fff;
  margin: -5px;
}

.perfect-whip-mask-lp #campaign-section .items li.end .group {
  border: 5px solid #999999;
}

.perfect-whip-mask-lp #campaign-section .items li.end .item-status {
  background-color: #999999;
}

.perfect-whip-mask-lp #campaign-section .items li.end .item-image {
  border: 5px solid #999999;
}

.perfect-whip-mask-lp #campaign-section .items li.end .item-count {
  color: #999999;
}

.perfect-whip-mask-lp #campaign-section .items li.today .group {
  border: 5px solid #e4007f;
}

.perfect-whip-mask-lp #campaign-section .items li.today .item-status {
  background-color: #e4007f;
}

.perfect-whip-mask-lp #campaign-section .items li.today .item-image {
  border: 5px solid #e4007f;
}

.perfect-whip-mask-lp #campaign-section .items li.today .item-count {
  color: #e4007f;
}

.perfect-whip-mask-lp #campaign-section .items li img {
  max-width: 100%;
  height: auto;
}

.perfect-whip-mask-lp #campaign-section .items .item-name  {
  margin: 8px 0 2px 0;
  line-height: 1.4em;
  font-size: 116.7%;
}

.perfect-whip-mask-lp #campaign-section .items .item-count  {
  color: #183263;
  line-height: 1.4em;
  font-size: 116.7%;
  font-weight: bold;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry {
  margin: 0 34px 50px 34px;
  text-align: left;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry h3 {
  margin-bottom: 24px;  
  padding: 10px 0 7px 0;
  color: #fff;
  font-size: 150%;
  text-align: center;
  background-color: #e4007f;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry .lead {
  margin: 0;
  text-align: center;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry .cols {
  margin: 0 -1% 45px -1%;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry dl {
  box-sizing: border-box;
  position: relative;
  float: left;
  margin: 0 1%;
  padding: 20px 20px 20px 98px;
  width: 48%;
  border: 2px solid #e4007f;
  background-color: #fff;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry dl:nth-of-type(1) {
  background: #fff url(../img/icon_twitter.png) 7px 50px no-repeat;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry dl:nth-of-type(2) {
  background: #fff url(../img/icon_retweet.png) 7px 50px no-repeat;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry dl:nth-of-type(3) {
  background: #fff url(../img/icon_email.png) 7px 50px no-repeat;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry dl:first-child:after {
  position: absolute;
  right: -14px;
  top: 50%;
  margin-top: -13px;
  display: inline-block;
  width: 14px;
  height: 26px;
  background: url(../img/icon_arrow_01.png) left top no-repeat;
  content: "";
}

.perfect-whip-mask-lp #campaign-section .how-to-entry dl:nth-of-type(2):after {
  position: absolute;
  left: -13px;
  bottom: -10px;
  margin-top: -12px;
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(../img/icon_arrow_02.png) left top no-repeat;
  content: "";
}

.perfect-whip-mask-lp #campaign-section .how-to-entry dt {
  color: #e4007f;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 3px;
  padding-bottom: 8px;
  border-bottom: 2px solid #e4007f;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry dt span {
  font-size: 24px;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry dd {
  font-size: 14px;
  line-height: 1.6em;
  padding: 5px 0 0 0;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry p.note {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.6em;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry p {
  font-size: 116.7%;
  line-height: 1.6em;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry p.entry-count {
  margin: 30px -10px 30px -10px;
  font-size: 24px;
  line-height: 2em;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry a {
  color: #0d2082;
  text-decoration: underline;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry dl:nth-of-type(2) a {
  color: #e4007f;
  font-weight: bold;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry a.button {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 25px 5px 25px;
  color: #fff;
  background-color: #e4007f;
  text-decoration: none;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry .no-account {
  box-sizing: border-box;
  position: relative;
  float: left;
  margin: 0 1%;
  padding: 50px 0 0 0;
  width: 48%;
  text-align: center;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry .no-account .btn-wrap {
  margin-top: 15px;
}

.perfect-whip-mask-lp #campaign-section .btn-check-tweets {
  margin-bottom: 68px;
  text-align: center;
}

.perfect-whip-mask-lp #campaign-section .btn-check-tweets p {
  margin-top: 10px;
  color: #2e9eed;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.perfect-whip-mask-lp #campaign-section .text-01 {
  padding: 10px 0 25px 0;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
}

/* .perfect-whip-mask-lp #campaign-section .text-01 del {
  color: #ff0000;
} */

.perfect-whip-mask-lp #campaign-section .text-01 del span {
  color: #333;
}

.perfect-whip-mask-lp #campaign-section .end-text {
  margin: 0 auto 30px auto;
  width: 570px;
  color: #333;
  font-size: 175%;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
  border-radius: 25px;
  background-color: #eaeaea;
}

.perfect-whip-mask-lp #campaign-section .box {
  margin: 0 34px 0 34px;
  text-align: left;
}

.perfect-whip-mask-lp #campaign-section .box h3 {
  margin-bottom: 24px;  
  padding: 10px 0 7px 0;
  color: #fff;
  font-size: 150%;
  text-align: center;
  background-color: #e4007f;
}

.perfect-whip-mask-lp #campaign-section .reminder {
  margin-left: 1em;
  margin-bottom: 30px;
  font-size: 116.6%;
  line-height: 1.6em;
}

.perfect-whip-mask-lp #campaign-section .reminder li {
  text-indent: -1em;
}

.perfect-whip-mask-lp #campaign-section .campaign-reminder .btn-wrap {
  margin-bottom: 18px;
  text-align: center;
}

.perfect-whip-mask-lp #campaign-section .contact-info {
  font-size: 116.6%;
  line-height: 1.6em;
}

.perfect-whip-mask-lp #campaign-section .contact-info dl dt {
  clear: both;
  float: left;
}

.perfect-whip-mask-lp #campaign-section .contact-info dl dd {
  float: left;
}

.perfect-whip-mask-lp #campaign-section .contact-info a:link,
.perfect-whip-mask-lp #campaign-section .contact-info a:visited {
  color: #2e9eed;
  text-decoration: underline;
}

.perfect-whip-mask-lp #campaign-section .contact-info ul {
  margin-left: 1em;
}

.perfect-whip-mask-lp #campaign-section .contact-info ul li {
  text-indent: -1em;
}

.perfect-whip-mask-lp #sekine-section h2 {
  margin-bottom: 45px;
}

.perfect-whip-mask-lp #sekine-section p {
  margin-bottom: 40px;
  color: #1b3063;
  font-size: 200%;
  line-height: 1.833em;
}

.perfect-whip-mask-lp #sekine-section p:last-of-type {
  margin-bottom: 0;
}

.perfect-whip-mask-lp #sekine-section .video-wrap {
  margin: 0 64px 40px 64px;
	float: none;
	clear: both;
	position: relative;
	padding-bottom: 56.25%;
	/*padding-top: 30px;*/
	height: 0;  
}

.perfect-whip-mask-lp #sekine-section .video-wrap iframe,
.perfect-whip-mask-lp #sekine-section .video-wrap object,
.perfect-whip-mask-lp #sekine-section .video-wrap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.perfect-whip-mask-lp .simple-section {
  margin-bottom: 70px;
  padding-bottom: 70px;
}

.perfect-whip-mask-lp .simple-section .container {
  padding: 30px 0;
  text-align: center;
  background-color: rgba(255,255,255,0.9);
}

.perfect-whip-mask-lp .simple-section .coming-soon {
  padding: 130px 0 120px 0;
}

.perfect-whip-mask-lp #product-info-section .container {
  padding: 50px 0;
  text-align: left;
}

.perfect-whip-mask-lp #product-info-section .cols .col:first-of-type {
  margin-left: 140px;
}

.perfect-whip-mask-lp #product-info-section .cols .col:last-of-type {
  margin: 0 0 0 160px;
  width: 875px;	
  /*width: 535px;*/
}

.perfect-whip-mask-lp #product-info-section .button {
  margin-top: 33px;
  text-align: center;
}

.perfect-whip-mask-lp #product-info-section p:nth-of-type(2) {
  margin: 25px 0;
}

.perfect-whip-mask-lp #product-info-section p:nth-of-type(3) {
  margin-bottom: 30px;
  color: #1b3063;
  font-size: 166.7%;
  line-height: 1.8em;
}

.perfect-whip-mask-lp #product-info-section .online-shops  {
  text-align: left;
}

.perfect-whip-mask-lp #buy-box {
	position: relative;
	display: inline-block;
	margin: 0 auto;
}

.perfect-whip-mask-lp #buy-box .btn-modal-close {
	position: absolute;
	right: 10px;
	top: -100px;
}

.perfect-whip-mask-lp #buy-box ul li {
	display: inline-block;
	margin: 0 25px;
	font-size: 83.3%;
	vertical-align: top;
}

.perfect-whip-mask-lp #buy-box ul li a {
	display: block;
	color: #2c3684;
	font-size: 83.3%;
	text-decoration: none;
}

.perfect-whip-mask-lp #buy-box .btn-modal-close:hover,
.perfect-whip-mask-lp #buy-box ul li a:hover {
	opacity: 0.7;
	cursor: pointer;
}

.perfect-whip-mask-lp #buy-box ul li p {
	margin-top: 5px;
}

.perfect-whip-mask-lp #buy-box.body-oil-essence-n ul li p {
	display: inline-block;
	margin-top: 10px;
	line-height: 1em;
	text-align: left;
}

.perfect-whip-mask-lp.online-shop-links #trunk {
  background: url(../img/online_shops_bg.png) center bottom repeat-x;
}