/*
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 14%;
  padding: 10px 0;
}

.online-shops .title {
  margin-bottom: 8px;
  color: #1b3063;
  font-weight: bold;
  text-align: center;
}

.online-shops ul li {
  box-sizing: border-box;
  padding: 0 5px;
  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 #intro-section .page-title,
.perfect-whip-mask-lp #intro-section .product-image,
.perfect-whip-mask-lp #intro-section .illus-01,
.perfect-whip-mask-lp #intro-section .illus-02,
.perfect-whip-mask-lp #intro-section .text-01,
.perfect-whip-mask-lp #intro-section .bubbles,
.perfect-whip-mask-lp #intro-section .online-shops,
.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 #intro-section {
  background: url(../img/intro_bg.html) center top no-repeat;
  background-size: 100% auto;
}

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

.perfect-whip-mask-lp #trunk {
  overflow: hidden;
  background: url(../img/bg_01.html) center top repeat;
  background-size: 100% auto;
}

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

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

.perfect-whip-mask-lp .bubble {
  width: 57px;
}

.perfect-whip-mask-lp #intro-section .container {
  padding-bottom: 10px;
  position: relative;
}

.perfect-whip-mask-lp #intro-section img {
  max-width: none;
  width: 100%;
}

.perfect-whip-mask-lp #intro-section .product-image {
  margin-bottom: 10px;
  width: 38.00%;
}

.perfect-whip-mask-lp #intro-section .text-01 {
  position: absolute;
  left: 0;
  top: 0;
  padding: 44% 0 0 40.67%;  
  width: 59.33%;
}

.perfect-whip-mask-lp #intro-section .illus-01 {
  position: absolute;
  left: 0;
  top: 0;
  padding: 16% 0 0 0; 
  width: 100%;
}

.perfect-whip-mask-lp #intro-section .illus-02 {
  position: absolute;
  left: 0;
  top: 0;
  padding: 26.40% 0 0 80.27%;  
  width: 20%;
}


.perfect-whip-mask-lp #intro-section .bubbles {
  position: absolute;
  left: 0;
  top: 16%;
}

.perfect-whip-mask-lp #reasons-section {
  padding: 13.33% 0 6.67% 0;
}

.perfect-whip-mask-lp #reasons-section .container {
  margin: 0 2.66%;
  padding-bottom: 10px;
  text-align: center;
  background-color: rgba(255,255,255,0.9);
}

.perfect-whip-mask-lp #reasons-section h2 {
  margin: 0 -2.66% 34px -2.66%;
  text-align: center;
}

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

.perfect-whip-mask-lp #reasons-section .box .col:last-of-type {
  padding: 4.23% 2.82% 0 2.82%;
  color: #1b3063;
  font-size: 141.7%;
  text-align: center;
}

.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 .button {
  padding: 30px 0;
  text-align: center;
}

.perfect-whip-mask-lp #reasons-section .button img {
  width: 67.61%;
}

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

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

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

.perfect-whip-mask-lp #reasons-section .product {
  position: relative;
  margin-bottom: 10px;
}

.perfect-whip-mask-lp #reasons-section .product .pop-01 {
  position: absolute;
  left: 3.94%;
  top: 0;  
  width: 48.31%;
}

.perfect-whip-mask-lp #reasons-section .product .pop-02 {
  position: absolute;
  right: 2.54%;
  top: 15.35%;  
  width: 48.31%;
}

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

.perfect-whip-mask-lp #points-section .container {
  text-align: center;  
}

.perfect-whip-mask-lp #points-section h2 {
  padding: 1.6% 0 6.67% 0;
  text-align: center;
}

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

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

.perfect-whip-mask-lp #points-section .box .col:last-of-type {
  padding: 4.23% 2.82% 0 2.82%;
  color: #1b3063;
  font-size: 133.3%;
  text-align: center;
}

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

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

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

.perfect-whip-mask-lp #points-section .box p.note {
  padding: 10px 0 15px 0;
  font-size: 75%;
}

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

.perfect-whip-mask-lp #campaign-section .items li {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  margin-bottom: 10px;
  padding: 0 5px;
  width: 50%;
  font-size: 12px;
}

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

.perfect-whip-mask-lp #campaign-section .items .item-date  {
  color: #e4007f;
  line-height: 1.4em;
  font-weight: bold;
}

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

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

.perfect-whip-mask-lp #campaign-section .how-to-entry dl {
  position: relative;
  padding: 15px;
  border: 1px solid #e4007f;
  margin-bottom: 15px;
}

.perfect-whip-mask-lp #campaign-section .how-to-entry dl:first-child:after {
  position: absolute;
  left: 50%;
  bottom: -8px;
  margin-left: -8px;
  display: inline-block;
  width: 15px;
  height: 8px;
  background: url(../img/icon_arrow_01.html) left top no-repeat;
  background-size: 100% auto;
  content: "";
}

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

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

.perfect-whip-mask-lp #campaign-section .how-to-entry dd {
  line-height: 1.6em;
}

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

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

.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 .text-01 {
  padding: 0 0 20px 0;
}

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

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

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

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

.perfect-whip-mask-lp #product-info-section .cols .col:first-of-type {
  text-align: center;
}

.perfect-whip-mask-lp #product-info-section .cols .col:last-of-type {
  margin: 20px 0 0 0;
}

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

.perfect-whip-mask-lp #product-info-section .button img {
  width: 67.61%;
}

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

.perfect-whip-mask-lp.online-shop-links #trunk {
  background-image: none;
}

.perfect-whip-mask-lp.online-shop-links #online-shops-section .container {
  padding-top: 40px;
}

.perfect-whip-mask-lp.online-shop-links #online-shops-section .title {
  margin-bottom: 15px;
  color: #1b3063;
  font-weight: bold;
  text-align: center;
}

.perfect-whip-mask-lp.online-shop-links #online-shops-section ul li {
  margin-bottom: 20px;
  text-align: center;
}

.perfect-whip-mask-lp.online-shop-links #online-shops-section ul li p {
  margin-top: 5px;
  color: #1b3063;  
}

.perfect-whip-mask-lp.online-shop-links #online-shops-section ul li a:link,
.perfect-whip-mask-lp.online-shop-links #online-shops-section ul li a:visited {
  color: #1b3063;
}