@charset "UTF-8";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap);
/*スタイルリセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-size: 100%; }

.clear { clear: both; }

li { list-style-type: none; }

input, button, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%; }

/* End hide from IE-mac */
/* 変数
----------------------------------------------- */
body { font: 16px/1.8 "Zen Maru Gothic", "游ゴシック", "Yu Gothic", YuGothic, sans-serif, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: 500; vertical-align: baseline; font-style: normal; letter-spacing: normal; color: #171616; }

h1, h2, h3, h4, h5 { font-family: tbchibirgothicplusk-pro, sans-serif; font-style: normal; line-height: 1.2em; font-feature-settings: "palt"; font-weight: 600; color: #662F07; }

h2 { font-size: 2.2rem; }

h3 { font-size: 2.0rem; }

h4 { font-size: 1.8rem; }

h5 { font-size: 1.6rem; }

@media (max-width: 544px) { h2 { font-size: 2.0rem; }
  h3 { font-size: 1.6rem; }
  h4 { font-size: 1.4rem; }
  h5 { font-size: 1.3rem; } }

.en { font-family: "Sen", sans-serif; font-weight: 700; }

/* リンク指定
----------------------------------------------- */
a:link { color: #171616; text-decoration: none; }

a:visited { color: #171616; text-decoration: none; opacity: 0.7; }

a:hover { color: #171616; text-decoration: underline; }

a img { border: none; }

/* レイアウト & 共有
----------------------------------------------- */
.content { max-width: 1194px; width: 96%; margin: 0 auto; }

@media (max-width: 544px) { .content { width: 94%; } }

.content3 { max-width: 829px; width: 96%; margin: 0 auto; }

main { margin-top: 0px; overflow: hidden; }

.cta-buy { background: #e4f4f3; text-align: center; padding: 3.0rem; }

.cta-buy img { width: 800px; height: auto; }

.cta-buy a { position: relative; overflow: hidden; display: inline-block; }

.cta-buy a::before { content: ""; position: absolute; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); animation: shine 2s infinite; }

@media (max-width: 768px) { .cta-buy { padding: 3.0rem 0; } }

/* パーツ
----------------------------------------------- */
ul.circle-point { display: flex; justify-content: flex-start; }

ul.circle-point li { width: calc(120px + 6px); height: 120px; border-radius: 50%; background: #D0DE88; margin: 0 12px; /*&:nth-child(1) p,&:nth-child(4) p{ padding-top: 1.8em;}*/ }

ul.circle-point li p { padding: 1.6em 0.2em 0; color: #662F07; font-weight: bold; font-size: 1.14rem; line-height: 1.2em; text-align: center; letter-spacing: 0.2em; }

ul.circle-point li:nth-child(2) p { letter-spacing: 0.0em; }

@media (max-width: 544px) { ul.circle-point { flex-wrap: wrap; }
  ul.circle-point li { width: calc(97px + 3px); height: 100px; margin: 0 6px; }
  ul.circle-point li p { padding: 1.8em 0.2em 0; font-size: 0.84rem; letter-spacing: 0; } }

.for-sm { display: none; }

@media (max-width: 544px) { .for-sm { display: block; } }

.for-pc { display: block; }

@media (max-width: 544px) { .for-pc { display: none; } }

.under-line-yellow { background: linear-gradient(90deg, #fbff12 0%, #d5ff00 100%, transparent 80%); background-repeat: no-repeat; background-size: 300% 50%; background-position: left bottom; font-weight: bold; }

.color-green { color: #9fb432; font-weight: bold; }

.color-brown { color: #662F07; font-weight: bold; }

.cloudbg1 { background: url(../../img/lp/lotion/bg-1.png) no-repeat center top; min-height: 600px; }

.cloudbg2 { background: url(../../img/lp/lotion/bg-2.png) no-repeat center top; min-height: 600px; }

.cloudbg3 { background: url(../../img/lp/gift/background-5.png) no-repeat center top; min-height: 600px; }

.cloudbg4 { background: url(../../img/lp/gift/background-3.png) no-repeat center top; min-height: 600px; }

.cloudbg5 { background: url(../../img/lp/gift/background-4.png) no-repeat center top; min-height: 600px; }

.img-right img { float: right; margin: 0 0 2rem 1.2rem; }

@media (max-width: 768px) { .img-right img { float: none; margin: 2.0rem auto; } }

.img-left img { float: left; margin: 0 1.2rem 2rem 0; }

@media (max-width: 768px) { .img-left img { float: none; margin: 2.0rem auto; } }

.img-circle { border-radius: 50%; }

.img-center { text-align: center; margin: 1.6rem auto; }

.btn-buy { clear: both; margin: 2.0rem auto; text-align: center; }

.btn-buy a { display: block; text-align: center; background: linear-gradient(212deg, #3bb943 0%, #1ca7d1 100%); color: #FFFFFF; font-size: 2.0rem; border-radius: 10px; padding: 0.4em; text-decoration: none; width: 400px; max-width: 90%; font-weight: 600; margin: auto; box-shadow: 1px 1px 12px 1px #bbb; position: relative; overflow: hidden; }

.btn-buy a::before { content: ''; position: absolute; top: 0; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); animation: shine 1.5s infinite; }

@keyframes shine { 0% { left: -75%; }
  100% { left: 125%; } }

.checklist { margin: 2rem auto 2rem 1rem; }

.checklist li { font-size: 1.3rem; font-weight: bold; line-height: 1.3em; margin-bottom: 1.0em; list-style: none; text-indent: -1.5em; padding: 0 0 0 1.8em; }

.checklist li:before { content: "\f00c"; font-family: FontAwesome; padding: 0 0.6em 0 0; }

@media (max-width: 544px) { .checklist { margin: 2rem auto 2rem 0.3rem; }
  .checklist li { font-size: 1.0rem; } }

.strong-points { margin: 4.0rem; display: flex; justify-content: space-around; flex-wrap: wrap; }

.strong-points li { background: #8ea02d; width: 160px; height: 160px; display: block; border-radius: 50%; text-align: center; margin: 0 0% 2rem; }

.strong-points li span { display: block; padding: 64px 0 0 0; color: #FFFFFF; font-size: 22px; line-height: 1.2em; font-weight: 600; font-family: tbchibirgothicplusk-pro, sans-serif; }

.strong-points li span.double { padding-top: 48px; }

.strong-points li span.triple { padding-top: 36px; }

.strong-points li:nth-child(2n) { background: #74c7be; }

.strong-points li:nth-child(3n) { background: #d1c574; }

@media (max-width: 768px) { .strong-points { margin: 4.0rem auto; }
  .strong-points li { width: 110px; height: 110px; }
  .strong-points li span { padding: 42px 0 0 0; font-size: 18px; }
  .strong-points li span.double { padding-top: 28px; }
  .strong-points li span.triple { padding-top: 26px; } }

@media (max-width: 544px) { .strong-points li span { font-size: 16px; } }

#btn-fixed { position: fixed; bottom: 24px; right: 2%; opacity: 0; }

#btn-fixed.fixed { opacity: 1; transition: all 0.6s ease-in; }

#btn-fixed a { display: block; background: linear-gradient(212deg, #3bb943 0%, #1ca7d1 100%); color: #FFFFFF; box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.2); width: 150px; height: 150px; border-radius: 50%; text-decoration: none; font-weight: bold; text-align: center; font-size: 14px; line-height: 1.0em; }

#btn-fixed a .product { padding: 18px 0 12px 0; display: block; }

#btn-fixed a .price { font-size: 20px; font-family: "Sen", sans-serif; display: block; letter-spacing: -0.08em; padding: 0 0 2px 0; }

#btn-fixed a .price .tax { font-size: 6px; }

#btn-fixed a .freeship { padding: 0 0 0 0; display: block; }

#btn-fixed a .buy { font-size: 24px; letter-spacing: -0.08em; display: block; padding: 4px 0 18px 0; }

#btn-fixed a:hover { text-decoration: none; }

@media (max-width: 768px) { #btn-fixed a { width: 100px; height: 100px; font-size: 9px; }
  #btn-fixed a .product { padding: 12px 0 5px 0; font-feature-settings: "palt"; }
  #btn-fixed a .buy { font-size: 18px; padding: 4px 0 12px 0; }
  #btn-fixed a .price { font-size: 12px; } }

.caution { font-size: 0.6rem; margin: 1.0rem auto; }

.lead-1 { text-align: center; }

.lead-1 .summary { text-align: left; max-width: 829px; margin: auto; }

/* ページヘッダー
----------------------------------------------- */
.page-header { background: url(../../img/lp/gift/header-bg.png) #A1E2F2 no-repeat; background-position: center center; background-size: cover; height: 600px; width: 100%; }

.page-header .content { background: url(../../img/lp/gift/header_1_desktop.jpg) no-repeat; background-position: center bottom; background-size: cover; height: 100%; position: relative; overflow: hidden; }

.page-header h1 { font-size: 2.4em; font-weight: 400; color: #662F07; line-height: 1.7em; position: absolute; top: 100px; left: 5%; }

.page-header h1 span { background: #E1F3F1; padding: 0.0em; }

.page-header ul.circle-point { position: absolute; top: 100px; right: 5%; }

.page-header .logo { position: absolute; top: 24px; left: 2%; width: 200px; }

.page-header .logo img { width: 100%; }

.page-header .summary { position: absolute; top: 430px; left: 36%; text-shadow: 1px 1px 12px black; color: #FFFFFF; font-size: 1.3rem; font-weight: 600; font-family: tbchibirgothicplusk-pro, sans-serif; }

.page-header .phone { position: absolute; top: 24px; right: 2%; font-size: 8px; line-height: 20px; color: #662F07; }

.page-header .phone .phoneno { font-family: "Sen", sans-serif; font-size: 24px; font-weight: bold; }

.page-header .phone a { color: #FFFFFF; }

@media (max-width: 768px) { .page-header { height: 900px; }
  .page-header .content { background: url(../../img/lp/gift/header_1_tablet.jpg) no-repeat; background-position: center bottom; background-size: cover; width: 100%; padding: 0; }
  .page-header h1 { font-size: 2.4rem; top: 260px; padding: 0 0.25%; }
  .page-header ul.circle-point { justify-content: center; width: 100%; right: 0; } }

@media (max-width: 544px) { .page-header { height: 777px; }
  .page-header .content { background: url(../../img/lp/gift/header_1_mobile.jpg) no-repeat; background-position: center bottom; background-size: cover; width: 100%; padding: 0; }
  .page-header h1 { font-size: 7.5vw; top: 200px; padding: 0 0.25%; }
  .page-header .logo { max-width: 50%; height: auto; width: 160px; }
  .page-header .summary { font-size: 3.4vw; }
  .page-header ul.circle-point { position: absolute; top: 80px; left: auto; }
  .page-header .phone { top: 18px; }
  .page-header .phone .phoneno { font-size: 16px; } }

footer { font-size: 0.8rem; text-align: center; }

/* メインコンテンツ
----------------------------------------------- */
.product-promo { background: #E1F3F1; padding: 80px 0; }

@media (max-width: 768px) { .product-promo { padding: 80px 0 40px; } }

.product-promo h3:first-of-type { margin: 3rem 0 1rem; line-height: 1.1em; }

@media (max-width: 768px) { .product-promo h3:first-of-type { margin: 2rem 0 0.8rem; font-size: 1.4rem; } }

@media (max-width: 544px) { .product-promo h3:first-of-type { margin: 1.8rem 0 0.8rem; } }

.product-promo .products-buy-area { display: flex; justify-content: space-around; padding: 80px 0; flex-wrap: wrap; }

@media (max-width: 544px) { .product-promo .products-buy-area { padding-bottom: 0; } }

.product-promo .products-buy-area li { width: 38%; text-align: left; position: relative; color: #662F07; padding: 0 0 60px 0; }

.product-promo .products-buy-area li:last-child, .product-promo .products-buy-area li.everything { width: 100%; }

.product-promo .products-buy-area li:last-child h3:first-of-type, .product-promo .products-buy-area li.everything h3:first-of-type { margin: 1rem 0 1rem; }

.product-promo .products-buy-area li:last-child .left-cont, .product-promo .products-buy-area li.everything .left-cont { width: 460px; float: left; margin: 0 60px 0 0; }

.product-promo .products-buy-area li:last-child .right-cont, .product-promo .products-buy-area li.everything .right-cont { margin: 0 5% 0 0; overflow: hidden; }

.product-promo .products-buy-area li:last-child .right-cont .lead, .product-promo .products-buy-area li.everything .right-cont .lead { margin: 1.6em 0 0 0; }

.product-promo .products-buy-area li:last-child .right-cont ul li, .product-promo .products-buy-area li.everything .right-cont ul li { margin: 0 0 0 1.8em; }

@media (max-width: 768px) { .product-promo .products-buy-area li:last-child .left-cont, .product-promo .products-buy-area li.everything .left-cont { width: 100%; float: none; margin: 0 0px 10px 0; }
  .product-promo .products-buy-area li:last-child .right-cont, .product-promo .products-buy-area li.everything .right-cont { margin: 0; overflow: visible; } }

.product-promo .products-buy-area li img.product { width: 100%; height: auto; }

.product-promo .products-buy-area li .fukidashi { display: block; width: 120px; height: calc(120px - 18px); padding: 18px 0 0; border-radius: 50%; background: #D0DE88; color: #662F07; text-align: center; line-height: 1.4em; font-size: 0.8rem; position: absolute; top: -60px; left: -60px; }

.product-promo .products-buy-area li .fukidashi .freeship { color: #E645A9; }

.product-promo .products-buy-area li h3 .product-option { font-size: 1.1rem; line-height: 1.3rem; display: block; }

.product-promo .products-buy-area li ul { margin: 1.6em 0 0 1.8em; font-size: 0.9em; }

.product-promo .products-buy-area li ul li { list-style: disc; width: auto; padding: 0; }

.product-promo .products-buy-area li .img-right img { width: 160px; padding: 1.8em 0 0 0; }

.product-promo .products-buy-area li .price { margin: 1rem 0 0 1.6em; }

.product-promo .products-buy-area li .price .tax { font-size: 0.8em; }

.product-promo .products-buy-area li .btn { margin: 1.6em 0 0 0; padding: 0; }

.product-promo .products-buy-area li .btn img { width: 80%; display: block; margin: auto; }

@media (max-width: 768px) { .product-promo .products-buy-area li h3:first-of-type { margin: 0.8rem 0 0rem; }
  .product-promo .products-buy-area li .fukidashi { width: 110px; height: calc(110px - 14px); padding: 14px 0 0; font-size: 0.76rem; font-weight: bold; position: absolute; top: -40px; left: -40px; }
  .product-promo .products-buy-area li .img-right { text-align: center; }
  .product-promo .products-buy-area li .img-right img { width: 160px; padding: 0.1em 0 0 0; margin: auto; }
  .product-promo .products-buy-area li .btn img { width: 100%; }
  .product-promo .products-buy-area li:last-child .left-cont { width: 300px; margin: 0 30px 0 0; }
  .product-promo .products-buy-area .left-cont { float: none; } }

@media (max-width: 544px) { .product-promo .products-buy-area li { width: 96%; }
  .product-promo .products-buy-area li h3:first-of-type { margin: 0.8rem 0 0rem; }
  .product-promo .products-buy-area li .fukidashi { position: absolute; top: -40px; left: -10px; }
  .product-promo .products-buy-area li h3 .product-option { line-height: 1.8rem; }
  .product-promo .products-buy-area li .img-right img { padding: 0.3em 0 0 0; }
  .product-promo .products-buy-area li .btn img { width: 100%; }
  .product-promo .products-buy-area li:last-child { width: 96%; }
  .product-promo .products-buy-area li:last-child .left-cont { width: auto; float: none; margin: 0 60px 0 0; }
  .product-promo .products-buy-area li:last-child .right-cont { overflow: inherit; } }

.product-info { padding: 80px 0; }

.product-info h2 { text-align: center; margin: 0 0 1rem 0; }

.product-info p.lead { text-align: left; max-width: 829px; width: 96%; margin: 0 auto; }

.product-info .shampoo { background: url(../../img/lp/gift/background-1.png) no-repeat right -200px center; background-size: 120% 100%; padding: 200px 0; }

@media (max-width: 768px) { .product-info .shampoo { background: url(../../img/lp/gift/background-1.png) no-repeat right -100px center; background-size: 220% 100%; padding: 100px 0 0; } }

.product-info .lotion { background: url(../../img/lp/gift/background-2.png) no-repeat left -800px center; background-size: 140% 100%; padding: 200px 0; }

@media (max-width: 768px) { .product-info .lotion { padding: 100px 0 0; } }

.product-info .oil { background: url(../../img/lp/gift/background-1.png) no-repeat right -600px center; background-size: 120% 100%; padding: 200px 0; }

@media (max-width: 768px) { .product-info .oil { padding: 100px 0 0; } }

.product-info .handtowell { background: url(../../img/lp/gift/background-1.png) no-repeat left -200px center; background-size: 120% 100%; padding: 200px 0; }

.product-info .handtowell .img-right { float: right; width: 300px; margin: 0 3rem 0 0rem; }

@media (max-width: 768px) { .product-info .handtowell { padding: 100px 0 0; }
  .product-info .handtowell .img-right { float: none; margin: 0 auto; } }

.product-info .shampoo, .product-info .lotion, .product-info .oil, .product-info .handtowell { margin: 0px 0; }

.product-info .right-cont::after { content: " "; display: block; height: 0; visibility: hidden; clear: both; }

.product-info .left-cont { margin: 0 0 0 80px; }

.product-info .left-cont::after { content: " "; display: block; height: 0; visibility: hidden; clear: both; }

.product-info .left-cont .gift-included { float: left; }

@media (max-width: 768px) { .product-info .left-cont { margin: 0 0 0 0px; }
  .product-info .left-cont .gift-included { float: none; } }

@media (max-width: 768px) { .product-info .product-img { max-width: 75%; height: auto; margin: auto; } }

.product-info .img-left { float: left; width: 300px; padding: 0 0rem 0 3rem; /*&::after{display: block; content: " "; height: 100px; clear: both;}*/ }

@media (max-width: 768px) { .product-info .img-left { padding: 0 0rem; float: none; margin: 0 auto 1.2rem; } }

@media (max-width: 544px) { .product-info .img-left { width: 220px; } }

.product-info .img-right { float: right; width: 300px; margin: 0 3rem 0 0rem; }

@media (max-width: 768px) { .product-info .img-right { padding: 0 0rem; float: none; margin: 0 auto 1.2rem; } }

@media (max-width: 544px) { .product-info .img-right { width: 220px; } }

.product-info h3 { font-size: 2.8rem; }

@media (max-width: 768px) { .product-info h3 { font-size: 1.8rem; } }

@media (max-width: 544px) { .product-info h3 { font-size: 1.5rem; } }

.product-info h4 { color: #171616; position: relative; font-size: 1.8rem; }

.product-info h4:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 60%; height: 1px; background-color: #171616; }

@media (max-width: 544px) { .product-info h4 { font-size: 1.4rem; } }

.product-info .point { color: #FFFFFF; display: inline-block; background: #3BB943; padding: 0.1em 0.3em; float: left; margin: 0.4em 0.3em 0 0; }

@media (max-width: 768px) { .product-info .point { float: none; font-size: 0.8rem; } }

.product-info .points-of-product { float: left; margin: 2em 0 0 3.8em; max-width: 420px; }

.product-info .points-of-product li { list-style: disc; }

@media (max-width: 768px) { .product-info .points-of-product { float: none; margin: 2em 0 0 1.6em; max-width: none; } }

.product-info .gift-included { display: flex; margin: 2em 0 0 1em; }

.product-info .gift-included img { width: 120px; height: auto; }

@media (max-width: 768px) { .product-info .gift-included img { width: 90px; } }

@media (max-width: 768px) { .product-info .gift-included { justify-content: space-evenly; } }

.lead-1 h2 { text-align: center; }

@media (max-width: 768px) { .lead-1 h2 { font-size: 1.7em; } }

@media (max-width: 544px) { .lead-1 h2 { font-size: 6.0vw; } }

.section-1 { margin: 0px auto; padding: 200px 0 100px 0; background-size: contain; }

.section-1 h3 { color: #662F07; text-align: center; font-size: 2.4rem; }

.section-1 .img-right img { width: 300px; height: auto; }

.section-1 .content-left { margin: 4rem 0 0 4rem; }

.section-1 .content-left h4 { margin-bottom: 1.4rem; }

.section-1 ul li { font-weight: bold; font-size: 1.2rem; margin-bottom: 1.0em; list-style: circle; line-height: 1.4em; }

.section-1 .price { clear: both; margin: 1.0rem auto; text-align: center; font-size: 0.8rem; color: #662F07; line-height: 1.8em; }

.section-1 .price span { font-size: 1.6rem; font-weight: bold; }

@media (max-width: 768px) { .section-1 { padding: 80px 0 100px 0; }
  .section-1 h3 { color: #662F07; text-align: center; font-size: 7.0vw; }
  .section-1 .img-right img { margin: auto; float: none; }
  .section-1 .content-left { margin: 4rem 0 0 1rem; padding: 0 1em; }
  .section-1 ul { margin-bottom: 3.0em; } }

.section-2 { background-size: contain; margin-bottom: 4.0rem; padding: 8.0rem 0 0; }

.section-2 h3 { text-align: center; }

@media (max-width: 768px) { .section-2 h3 { font-size: 6.4vw; } }

.section-2 h4 { margin: 3.0rem 0; text-align: center; }

@media (max-width: 768px) { .section-2 h4 { font-size: 4.4vw; } }

.section-2 h5 { font-size: 1.6rem; }

@media (max-width: 768px) { .section-2 h5 { text-align: center; } }

.section-2 .giftbox { display: flex; justify-content: center; }

.section-2 .giftbox li { margin: 0 5%; }

.section-2 .giftbox li img { max-width: 200px; }

@media (max-width: 768px) { .section-2 .giftbox { width: 80%; margin: 0 auto 2rem; } }

.section-2 .img-right img { width: 250px; }

.section-2 .content-left { margin: 0 0 0 2em; }

@media (max-width: 768px) { .section-2 .content-left { margin: 0; } }

.photobar1 { height: 400px; background: url(../../img/lp/gift/model-photobar1.jpg) center center fixed; background-size: cover; position: relative; z-index: -1; }

.photobar1 p { transform: rotate(-10deg); color: #FFFFFF; position: absolute; top: 40px; left: 100px; font-size: 2.2rem; font-family: tbchibirgothicplusk-pro, sans-serif; text-shadow: 1px 1px #171616; line-height: 1.3em; }

@media (max-width: 768px) { .photobar1 { background-attachment: scroll; }
  .photobar1 p { top: 280px; left: 5%; line-height: 1.2em; font-size: 2.0rem; } }

@media (max-width: 544px) { .photobar1 p { font-size: 6.0vw; } }

.photobar2 { height: 500px; background: url(../../img/lp/gift/model-photobar2.jpg) center center fixed; background-size: cover; position: relative; z-index: -1; }

.photobar2 p { transform: rotate(-10deg); color: #FFFFFF; position: absolute; top: 40px; right: 100px; font-size: 2.2rem; font-family: tbchibirgothicplusk-pro, sans-serif; text-shadow: 1px 1px #171616; line-height: 1.3em; }

@media (max-width: 768px) { .photobar2 { background-attachment: scroll; }
  .photobar2 p { top: 280px; left: 5%; line-height: 1.2em; font-size: 2.0rem; } }

@media (max-width: 544px) { .photobar2 p { font-size: 6.4vw; } }

.photobar3 { height: 500px; background: url(../../img/lp/gift/model-photobar3.jpg) center center fixed; background-size: cover; position: relative; z-index: -1; }

.photobar3 p { transform: rotate(-10deg); color: #FFFFFF; position: absolute; top: 40px; left: 100px; font-size: 2.2rem; font-family: tbchibirgothicplusk-pro, sans-serif; text-shadow: 1px 1px #171616; line-height: 1.3em; }

@media (max-width: 768px) { .photobar3 { background-attachment: scroll; }
  .photobar3 p { top: 20px; left: 5%; line-height: 1.2em; font-size: 2.0rem; } }

@media (max-width: 544px) { .photobar3 { background-position: center right -100px; }
  .photobar3 p { top: 20px; left: 5%; font-size: 6.4vw; } }

.noidea { background: url(../../img/lp/lotion/bg-purple.png) no-repeat center top; min-height: 600px; background-size: contain; margin: 4.0rem auto 0; }

.noidea img { width: 280px; height: auto; padding-top: 2.0rem; }

.noidea ul { margin-top: 4.0rem; overflow: hidden; }

.noidea h2 { color: #6F1BC9; text-align: center; }

@media (max-width: 544px) { .noidea h2 { font-size: 1.4rem; padding-top: 32px; } }

.skincare, .skincare-2 { padding: 3.0rem 0; }

.skincare h2, .skincare-2 h2 { text-align: center; color: #662F07; margin-bottom: 1.6rem; }

.skincare h3, .skincare-2 h3 { text-align: center; color: #662F07; margin-bottom: 1.6rem; font-size: 1.6rem; }

.skincare h4, .skincare-2 h4 { color: #662F07; margin-bottom: 1.0rem; font-size: 1.4rem; }

.skincare p, .skincare-2 p { font-size: 1.1rem; margin-bottom: 1.0em; }

.skincare img, .skincare-2 img { width: 240px; height: auto; }

.skincare .step, .skincare-2 .step { text-align: center; margin: 1.0rem auto; font-weight: bold; font-size: 1.6rem; color: #662F07; }

.skincare-2 { background: #E1F3F1; }

.points { padding: 4.0rem 0; }

.points .lead { margin-bottom: 4.0rem; }

.points .lead h2 { color: #662F07; text-align: center; margin-bottom: 2.0rem; }

.points .lead p { font-size: 1.1rem; }

.points .cloudbg2 { background-size: contain; background-position: center top; }

.points .cloudbg2:nth-child(3) { background-position: right -500px bottom; }

.points .cloudbg2:nth-child(4) { background-position: left -200px top 300px; }

.points .cloudbg3 { background-size: 180% 100%; background-position: center top; }

@media (max-width: 768px) { .points .cloudbg3 { background-size: 300% 80%; } }

.points .cloudbg4 { background-size: 120% 100%; background-position: center top; }

@media (max-width: 768px) { .points .cloudbg4 { background-size: 300% 10%; } }

.points .cloudbg5 { background-size: 300% 100%; background-position: center top; }

@media (max-width: 768px) { .points .cloudbg5 { background-size: 300% 10%; } }

.points .point-number img { width: 200px; height: auto; }

.points h2 { color: #662F07; padding-top: 3.0rem; }

.points .point-photos { text-align: center; }

.points .point-photos img { max-width: 1100px; }

@media (max-width: 768px) { .points .point-photos img { max-width: 100%; } }

.points p { margin: 0 0 1rem 0; }

.points .point1, .points .point2, .points .point3, .points .point4, .points .point5 { padding: 4.0rem 0; }

.points .point1 .lead, .points .point2 .lead, .points .point3 .lead, .points .point4 .lead, .points .point5 .lead { clear: both; padding: 2.0rem 0 0 0; }

.points .point1 p, .points .point2 p, .points .point3 p, .points .point4 p, .points .point5 p { font-size: 1.2rem; }

.points .point1 h3, .points .point2 h3, .points .point3 h3, .points .point4 h3, .points .point5 h3 { margin: 1em 0 0.8em; color: #662F07; }

.points .point1 img, .points .point2 img, .points .point3 img, .points .point4 img, .points .point5 img { max-width: 100%; }

@media (max-width: 768px) { .points .point1 h3, .points .point2 h3, .points .point3 h3, .points .point4 h3, .points .point5 h3 { margin: 1em 0 0.2em; font-size: 1.4rem; }
  .points .point1 .lead, .points .point2 .lead, .points .point3 .lead, .points .point4 .lead, .points .point5 .lead { padding: 0.0rem 0 0 0; }
  .points .point1 p, .points .point2 p, .points .point3 p, .points .point4 p, .points .point5 p { margin: 0 auto 0.3em; } }

@media (max-width: 544px) { .points .point1 p, .points .point2 p, .points .point3 p, .points .point4 p, .points .point5 p { font-size: 1.0rem; } }

.points .point1 { padding-top: 0; }

.points .point1 .point-number, .points .point3 .point-number, .points .point5 .point-number { float: left; margin: 0 2rem 0 0; }

@media (max-width: 768px) { .points .point1 .point-number, .points .point3 .point-number, .points .point5 .point-number { float: none; margin: 0 0 -2rem 0; } }

.points .point2 .point-number, .points .point4 .point-number { float: right; margin: 0 -2rem 0 2rem; }

@media (max-width: 768px) { .points .point2 .point-number, .points .point4 .point-number { float: none; margin: 0 0 -2rem 0; } }

.points .point2 .img-right img { width: 160px; height: auto; }

@media (max-width: 768px) { .points .point2 .ecocertlogo { max-width: 70%; height: auto; margin: 1.6rem auto; } }

.points .point1 .img-center img, .points .point3 .img-center img { width: 600px; height: auto; }

.points .point3 h3 { text-align: center; }

.points .point3 .wrapping-select { display: flex; justify-content: space-evenly; align-items: center; font-weight: bold; color: #662F07; font-size: 60px; text-align: center; }

.points .point3 .wrapping-select img { max-width: 200px; }

@media (max-width: 768px) { .points .point3 .wrapping-select { font-size: 40px; }
  .points .point3 .wrapping-select img { max-width: 120px; } }

@media (max-width: 768px) { .points h2 { font-size: 1.9rem; margin: 0 0 1.6rem; } }

@media (max-width: 544px) { .points h2 { font-size: 5.4vw; margin: 0 0 1.6rem; } }

.ingredients { background: #D1E199; padding: 0; }

.ingredients h2 { font-size: 2.6rem; text-align: center; color: #59651c; }

.ingredients h2:before, .ingredients h2:after { content: url(../../img/lp/lotion/green.png); vertical-align: middle; display: inline-block; transform: scale(0.5); }

.ingredients h2:after { transform: rotate(90deg) scale(0.5); }

@media (max-width: 768px) { .ingredients h2 { font-size: 6.7vw; }
  .ingredients h2:before, .ingredients h2:after { transform: scale(0.4); }
  .ingredients h2:after { transform: rotate(90deg) scale(0.4); } }

.ingredients ul { display: flex; justify-content: space-around; flex-wrap: wrap; }

.ingredients ul li { margin: 0 1.5% 3rem; width: 30%; text-align: center; }

.ingredients ul img { border-radius: 50%; width: 90%; height: auto; }

.ingredients ul h3 { font-family: 'Pacifico', cursive; color: #FFFFFF; text-shadow: 1px 1px 1px black; font-size: 2.4rem; text-align: center; margin: -2em auto 1em; }

.ingredients ul p { text-align: left; }

@media (max-width: 768px) { .ingredients ul li { width: 40%; }
  .ingredients ul h3 { margin: -1em auto 0.4em; font-size: 8.6vw; } }

.prize { text-align: center; padding: 80px 0; }

.prize ul { display: flex; justify-content: space-around; flex-wrap: nowrap; margin: 1.0rem auto; }

.prize ul li img { width: 70%; height: auto; }

.prize .caution { font-size: 7px; line-height: 1.6em; }

@media (max-width: 544px) { .prize { padding: 80px 0 0; }
  .prize h3 { font-size: 1.7rem; } }

.about { padding: 60px 0 100px; margin: 4.0rem 0 0 0; background: url(/img/lp/lotion/bg-3.png) no-repeat center top; /*	.prize{text-align: center;  ul{display: flex; justify-content: space-around; flex-wrap: nowrap; margin: 1.0rem auto; li{img{width: 70%; height: auto;}} } .caution{font-size: 7px;line-height: 1.6em;} }*/ }

@media (max-width: 768px) { .about { background-size: 200%  100%; margin: 0.0rem 0 0 0; padding: 30px 0; } }

.about h2 { text-align: center; }

.about .logo img { width: 100px; height: auto; }

@media (max-width: 768px) { .about .logo img { display: block; margin: auto; } }

.about .summary { font-size: 1.3rem; font-weight: bold; color: #662F07; margin: 2rem auto 6rem; padding: 0 4rem; text-align: center; }

.about .summary h2 { margin: 0 0 1em 0; }

.about .summary p { margin-bottom: 1.0em; font-family: tbchibirgothicplusk-pro, sans-serif; }

@media (max-width: 768px) { .about .summary { font-size: 1.2rem; text-align: left; margin: 2rem auto 6rem; padding: 0 0rem; } }

@media (max-width: 544px) { .about .summary { font-size: 0.96rem; } }

.photo-bar2 { position: relative; }

.photo-bar2 img { width: 800px; height: auto; }

.photo-bar2 .copy { position: absolute; top: 24px; left: 20%; color: #662F07; font-family: tbchibirgothicplusk-pro, sans-serif; transform: rotate(-7deg); font-size: 1.8rem; }

@media (max-width: 768px) { .photo-bar2 .copy { left: 5%; font-size: 2.0vw; } }

@media (max-width: 544px) { .photo-bar2 .copy { left: 5%; font-size: 5.0vw; } }

.eccert { background: #f7faec; padding: 100px 0; }

.eccert h2 { text-align: center; }

@media (max-width: 768px) { .eccert h2 { font-size: 7.0vw; } }

.eccert .summary { font-size: 1.3rem; margin: 2.0rem auto; padding: 0 4rem; }

@media (max-width: 768px) { .eccert .summary { padding: 0 5%; } }

.eccert .summary p { margin-bottom: 1.0em; }

.policy { background: #d8e49c; padding: 100px 0; }

.policy .bg-cloud { background: url(/img/lp/lotion/bg-4.png) no-repeat center top; background-size: 70%  100%; margin: 0 0 0 0; padding: 6.0rem 5%; }

@media (max-width: 768px) { .policy .bg-cloud { background-size: 200%  120%; } }

.policy h2 { text-align: center; margin-bottom: 1.0em; }

.policy ol { font-size: 1.1rem; font-weight: 600; font-family: tbchibirgothicplusk-pro, sans-serif; color: #662F07; padding: 0 15%; }

.policy ol li { line-height: 1.4em; margin-bottom: 1.0em; list-style: decimal; font-family: tbchibirgothicplusk-pro, sans-serif; }

@media (max-width: 768px) { .policy { padding: 20px 0; }
  .policy ol { padding: 0 5%; } }

@media (max-width: 544px) { .policy ol { font-size: 0.96rem; } }

.review h2 { text-align: center; margin: 0 0 2rem 0; }

.review ul { margin: 2.0em auto; }

.review ul li { padding: 2em 2em; }

.review ul li h3 { color: #662F07; font-size: 1.2rem; margin-bottom: 0.6em; font-weight: bold; }

.review ul li:nth-child(odd) { background: #E1F3F1; }

.faq { background: #F7F5E7; padding: 100px 0; }

.faq h2 { text-align: center; }

.faq ul { margin: 2.0rem auto; }

.faq ul li { text-indent: -1.6em; padding: 1em 1.6em 1em 3em; border-bottom: solid black 1px; }

.faq ul li h3 { font-weight: bold; color: #662F07; font-size: 1.1rem; cursor: pointer; }

.faq ul li h3::before { content: "\f101"; font-family: FontAwesome; padding: 0 0.6em 0 0; display: block; width: 1.0em; float: left; }

.faq ul li h3.open::before { content: "\f103"; }

.faq ul li p { display: none; text-indent: 0; margin: 1.0em 0 0; }

@media (max-width: 768px) { .faq ul li { padding: 1em 1.6em 1em 1.6em; } }

@media (max-width: 544px) { .faq ul li h3 { font-size: 1.0rem; } }

.information { padding: 100px 0; }

.information .content3 { padding: 2.0rem; border: 4px solid #662F07; border-radius: 12px; text-align: center; }

.information h2 { text-align: center; font-size: 1.6rem; margin-bottom: 1.0rem; }

.information .phoneno { font-family: "Sen", sans-serif; font-size: 2.6rem; }

.information .mail { font-family: "Sen", sans-serif; font-size: 1.8rem; }

.information .saleshour { font-size: 1.0rem; }

@media (max-width: 768px) { .information .content3 { width: 90%; padding: 2.0rem 0; }
  .information h2 { font-size: 1.4rem; }
  .information .phoneno { font-size: 1.8rem; }
  .information .mail { font-size: 1.4rem; } }

@media (max-width: 480px) { .information h2 { font-size: 1.4rem; } }

@media screen and (max-width: 480px) { img { max-width: 100%; height: auto; display: block; } }

/*# sourceMappingURL=gift.map */