@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { font-weight: normal; text-align: left; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/*
--------------------------------------------------------------
 Mix-In
--------------------------------------------------------------
*/
@media screen and (min-width: 769px) { #dead-sea .sp-disp { display: none !important; } }

@media screen and (max-width: 768px) { #dead-sea .pc-disp { display: none !important; } }

/*
--------------------------------------------------------------
 Frame Reset
--------------------------------------------------------------
*/
#wrapper { margin: 0; padding: 0; }

#wrapper .header-banner, #wrapper .top-banner { display: none !important; }

footer#footer { display: none !important; }

#main { margin: 0; padding: 0; }

.content-asset ul { margin: 0; padding: 0; }

.content-asset p { margin: auto; }

/*
--------------------------------------------------------------
 General
--------------------------------------------------------------
*/
body { background: #ddf0ec; font-family: "slabo 27px",'Noto Sans JP',noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; opacity: 0; }

body.on { -webkit-animation: fadeIn 3s ease; animation: fadeIn 3s ease; opacity: 1; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

::-moz-selection { background: #8dc3b7; color: #fff; }

::selection { background: #8dc3b7; color: #fff; }

::-moz-selection { background: #8dc3b7; color: #fff; }

.siteHeader { background: #fff; border-bottom: solid 3px #000; line-height: 0; position: relative; text-align: center; z-index: 50; }

#dead-sea { background: #fff; color: #222; }

#dead-sea img { -webkit-backface-visibility: hidden; backface-visibility: hidden; line-height: 0; margin: 0 auto; }

#dead-sea a { -webkit-transition-duration: 600ms; -webkit-transition-timing-function: ease; transition-duration: 600ms; transition-timing-function: ease; }

#dead-sea a img { -webkit-transition-duration: 600ms; -webkit-transition-timing-function: ease; transition-duration: 600ms; transition-timing-function: ease; }

#dead-sea a:hover { opacity: 0.6; }

.section { overflow: hidden; position: relative; text-align: center; width: 100%; z-index: 50; }

@media screen and (max-width: 768px) { .siteHeader { border-bottom: solid 0.46875vw #000; }
  .siteHeader .sitelogo { line-height: 0; }
  .siteHeader .sitelogo img { height: 12.1875vw; width: auto; }
  .section { width: 100%; }
  .section p { font-size: 13px; font-size: 4.0625vw; line-height: 1.53846; }
  .section img { height: auto; width: 100%; } }

@media screen and (min-width: 769px) { .section p { font-size: 16px; line-height: 187.5%; margin: 0; } }

/*
--------------------------------------------------------------
 Scroll Animation
--------------------------------------------------------------
*/
/*
// Scroll Animation
*/
.js-anim-scroll { -webkit-transition-duration: 2000ms; -webkit-transition-timing-function: ease; opacity: 0; transition-duration: 2000ms; transition-timing-function: ease; visibility: hidden; }

.js-anim-scroll.inview { opacity: 1; visibility: visible; }

.js-anim-scroll[data-anim="b-to-t"] { -ms-transform: translateY(30px); -webkit-transform: translateY(30px); -webkit-transition-duration: 1800ms; transform: translateY(30px); transition-duration: 1800ms; }

.js-anim-scroll[data-anim="b-to-t"].inview { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

.js-anim-scroll[data-anim="t-to-b"] { -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); -webkit-transition-duration: 1800ms; transform: translateY(-30px); transition-duration: 1800ms; }

.js-anim-scroll[data-anim="t-to-b"].inview { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

.js-anim-scroll[data-anim="l-to-r"] { -ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); -webkit-transition-duration: 2000ms; transform: translateX(-30px); transition-duration: 2000ms; }

.js-anim-scroll[data-anim="l-to-r"].inview { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }

.js-anim-scroll[data-anim="r-to-l"] { -ms-transform: translateX(30px); -webkit-transform: translateX(30px); -webkit-transition-duration: 2000ms; transform: translateX(30px); transition-duration: 2000ms; }

.js-anim-scroll[data-anim="r-to-l"].inview { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }

.js-anim-scroll.ttl_deco.js-anim-scroll, .js-anim-scroll.secTitle.js-anim-scroll, .js-anim-scroll.secTxt.js-anim-scroll, .js-anim-scroll .sec-lineup h3.js-anim-scroll { -ms-transform: translateY(3vh); -webkit-filter: brightness(2); -webkit-transform: translateY(3vh); filter: brightness(2); transform: translateY(3vh); }

.js-anim-scroll.ttl_deco.js-anim-scroll.inview, .js-anim-scroll.secTitle.js-anim-scroll.inview, .js-anim-scroll.secTxt.js-anim-scroll.inview, .js-anim-scroll .sec-lineup h3.js-anim-scroll.inview { -ms-transform: translateY(0px); -webkit-filter: brightness(1); -webkit-transform: translateY(0px); filter: brightness(1); transform: translateY(0px); }

.fragrance-box.js-anim-scroll .fragrance-box__item { -ms-transform: scale(1) translateY(-15%); -webkit-transform: scale(1) translateY(-15%); -webkit-transition-duration: 1500ms; -webkit-transition-timing-function: ease; opacity: 0; transform: scale(1) translateY(-15%); transition-duration: 1500ms; transition-timing-function: ease; }

.fragrance-box.js-anim-scroll .fragrance-box__item:nth-child(1) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.fragrance-box.js-anim-scroll .fragrance-box__item:nth-child(2) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.fragrance-box.js-anim-scroll .fragrance-box__item:nth-child(3) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }

.fragrance-box.js-anim-scroll .fragrance-box__item:nth-child(4) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }

.fragrance-box.js-anim-scroll.inview .fragrance-box__item { -ms-transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); opacity: 1; transform: scale(1) translateY(0); }

@-webkit-keyframes sAnimAbout { 0% { -webkit-filter: brightness(100); filter: brightness(100);
    opacity: 0; }
  30% { -webkit-filter: brightness(100); filter: brightness(100);
    opacity: 0.5; }
  50% { -webkit-filter: brightness(100); filter: brightness(100);
    opacity: 0.5; }
  100% { -webkit-filter: brightness(1); filter: brightness(1);
    opacity: 1; } }

@keyframes sAnimAbout { 0% { -webkit-filter: brightness(100); filter: brightness(100);
    opacity: 0; }
  30% { -webkit-filter: brightness(100); filter: brightness(100);
    opacity: 0.5; }
  50% { -webkit-filter: brightness(100); filter: brightness(100);
    opacity: 0.5; }
  100% { -webkit-filter: brightness(1); filter: brightness(1);
    opacity: 1; } }

#secAbout .secInner.js-anim-scroll { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.sec-lineup .boxTitle.js-anim-scroll img { -ms-transform: scale(0.5); -webkit-backface-visibility: hidden; -webkit-transform: scale(0.5); -webkit-transition-duration: 1000ms; -webkit-transition-timing-function: ease; backface-visibility: hidden; transform: scale(0.5); transition-duration: 1000ms; transition-timing-function: ease; }

.sec-lineup .boxTitle.js-anim-scroll.inview img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); width: auto; }

.section > .bg img { -webkit-transition-delay: 1200ms; -webkit-transition-duration: 2000ms; -webkit-transition-timing-function: cubic-bezier(0.39, 0.63, 0.355, 1.22); opacity: 0; transition-delay: 1200ms; transition-duration: 2000ms; transition-timing-function: cubic-bezier(0.39, 0.63, 0.355, 1.22); }

.section > .bg.js-anim-scroll img { opacity: 0; }

.section > .bg.js-anim-scroll.inview img { -ms-transform: translate(0%, 0%) rotate(0); -webkit-transform: translate(0%, 0%) rotate(0); opacity: 1; transform: translate(0%, 0%) rotate(0); }

/*
--------------------------------------------------------------
 Background
--------------------------------------------------------------
*/
@-webkit-keyframes bgFadeInCB { 0% {
    background-position: center -10%; opacity: 1; }
  15% { opacity: 0.8; }
  30% {
    background-position: center 0; opacity: 0.8; }
  45% { opacity: 0.3; }
  100% { opacity: 0.3; } }
@keyframes bgFadeInCB { 0% {
    background-position: center -10%; opacity: 1; }
  15% { opacity: 0.8; }
  30% {
    background-position: center 0; opacity: 0.8; }
  45% { opacity: 0.3; }
  100% { opacity: 0.3; } }

#dead-sea .bg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

#dead-sea .bg .inner { -webkit-transition-duration: 2500ms; -webkit-transition-timing-function: ease; background-position: center 0px; transition-duration: 2500ms; transition-timing-function: ease; width: 100%; }

#dead-sea .bg.bg-mv { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(80%, #fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, #fff 0%, #fff 80%, rgba(255, 255, 255, 0) 100%); z-index: 5; }

#dead-sea .bg.bg-mv .inner { -moz-filter: blur(50px) !important; -ms-filter: blur(50px) !important; -webkit-filter: blur(50px) !important; background-position: center -10%; background-repeat: no-repeat; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='50' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='50'); filter: blur(50px); height: 100%; left: 0; position: absolute; top: 0; z-index: 5; }

#dead-sea .bg.bg-mv.on .inner { -moz-filter: blur(0px) !important; -ms-filter: blur(0px) !important; -webkit-animation: bgFadeInCB 10s ease; -webkit-filter: blur(0px) !important; animation: bgFadeInCB 10s ease; background-position: center 0; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); filter: blur(0px); opacity: 0.3; }

@media screen and (min-width: 768px) { #dead-sea .bg.bg-mv { height: 1300px; } }

#dead-sea .bg.bg-page { z-index: 4; }

#dead-sea .bg.bg-page .inner { -webkit-transition-timing-function: ease; background-repeat: repeat-y; height: 100%; height: 100vh; left: 0; position: fixed; top: 0; transition-timing-function: ease; z-index: 4; @transition-duration :3000ms; }

@media screen and (min-width: 768px) and (max-width: 1120px) { #dead-sea .bg.bg-page .inner { background-size: 292% auto; } }

/*
--------------------------------------------------------------
 Bottom Area
--------------------------------------------------------------
*/
#secBottom .fig { width: 100%; }

#secBottom .fig img { width: inherit; }

@media screen and (max-width: 768px) { #secBottom { background-size: 1.71875vw 2.34375vw; } }

/*
--------------------------------------------------------------
 Footer
--------------------------------------------------------------
*/
#bwFooter { background: #FFF; height: auto; max-width: 100%; z-index: 10; }

#bwFooter a { -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease; transition-duration: 500ms; transition-timing-function: ease; }

#bwFooter a:hover { opacity: 0.6; }

#bwFooter .secInner { margin: 0 auto; max-width: 1120px; text-align: center; width: 100%; }

#bwFooter .secInner .bnrList { display: -webkit-box; display: -ms-flexbox; display: flex; }

#bwFooter .secInner .bnrList li a { display: block; line-height: 0; }

#bwFooter .secInner .bnrList li a img { height: auto; width: 100%; }

#bwFooter .secInner .footNavigation .navTitle { text-align: center; }

#bwFooter .secInner .footNavigation .navChildren { -ms-flex-pack: justify; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; }

#bwFooter .secInner .footNavigation .navChildren .navChild { -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; text-align: left; }

#bwFooter .secInner .footNavigation .navChildren .navChild .navTitleSub { font-weight: bold; line-height: 1; }

#bwFooter .secInner .footNavigation .navChildren .navChild .navList li a { color: #333; text-decoration: none; }

#bwFooter .secInner .footNavigation .navChildren .navChild .navList li a:hover { text-decoration: underline; }

@media screen and (max-width: 768px) { #bwFooter { padding: 9.375vw 3.125vw 0vw 3.125vw; }
  #bwFooter .secInner { margin: 0; width: 100%; }
  #bwFooter .secInner .bnrList { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 6.25vw; }
  #bwFooter .secInner .bnrList li { margin-bottom: 3.125vw; width: 100%; }
  #bwFooter .secInner .footNavigation { margin-bottom: 6.25vw; }
  #bwFooter .secInner .footNavigation .navTitle { border-bottom: solid 0.3125vw #000; border-top: solid 0.625vw #000; margin-bottom: 7.8125vw; }
  #bwFooter .secInner .footNavigation .navTitle img { height: 13.28125vw; width: auto; }
  #bwFooter .secInner .footNavigation .navChildren .navChild { -ms-flex-line-pack: start; align-content: flex-start; width: 50%; }
  #bwFooter .secInner .footNavigation .navChildren .navChild:nth-child(2) { padding-left: 3.75vw; }
  #bwFooter .secInner .footNavigation .navChildren .navChild .navTitleSub { font-size: 4.0625vw; margin-bottom: 6.25vw; }
  #bwFooter .secInner .footNavigation .navChildren .navChild .navList { font-size: 3.4375vw; width: 100%; }
  #bwFooter .secInner .footNavigation .navChildren .navChild .navList li { margin-bottom: 3.125vw; width: 100%; }
  #bwFooter .footLogo img { height: 14.0625vw; width: auto; } }

@media screen and (min-width: 769px) { #bwFooter { padding-top: 80px; }
  #bwFooter .secInner { max-width: 1160px; padding-left: 20px; padding-right: 20px; width: 100%; }
  #bwFooter .secInner .bnrList { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 74px; }
  #bwFooter .secInner .bnrList li { max-width: 540px; width: calc( 50% - 20px); }
  #bwFooter .secInner .footNavigation { margin-bottom: 70px; }
  #bwFooter .secInner .footNavigation .navTitle { border-bottom: solid 1px #000; border-top: solid 2px #000; margin-bottom: 50px; }
  #bwFooter .secInner .footNavigation .navChildren .navChild { width: 50%; }
  #bwFooter .secInner .footNavigation .navChildren .navChild .navTitleSub { font-size: 18px; margin-bottom: 38px; width: 100%; }
  #bwFooter .secInner .footNavigation .navChildren .navChild .navList { -ms-flex-flow: column wrap; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; font-size: 14px; max-height: 230px; max-width: 540px; width: 100%; }
  #bwFooter .secInner .footNavigation .navChildren .navChild .navList li { line-height: 1; margin-bottom: 19px; max-width: 270px; width: 45%; }
  #bwFooter .secInner .footNavigation .navChildren .navChild .navList li:nth-child(n+6) { float: right; }
  #bwFooter .footLogo img { width: 90px; } }

#copyright { clear: both; color: #000; float: right; font-family: "slabo 27px",noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; font-size: 12px; font-weight: 300; letter-spacing: .08em; margin: 1em 0; margin-right: 20px; }

#pagetop { bottom: 40px; position: fixed; right: 20px; width: 60px; z-index: 100; }

#pagetop a { display: block; }

#pagetop img { border: none; max-width: 100%; vertical-align: top; }

@media screen and (max-width: 768px) { #copyright { float: none; font-size: 10px; font-size: 2.96875vw; line-height: 170%; margin-right: 0; white-space: nowrap; }
  #pagetop { bottom: 6.25vw; display: block; height: 12.5vw; right: 6.25vw; width: 12.5vw; } }

@media screen and (min-width: 769px) { #pagetop { display: block; height: 60px; width: 60px; } }

/*----// Button //----*/
.btn-lineup { -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFF; display: block; line-height: 0; margin-left: auto; margin-right: auto; position: relative; text-align: center; width: 100%; }

.btn-lineup, .btn-lineup * { -webkit-transition-duration: 800ms; -webkit-transition-timing-function: cubic-bezier(0.46, 0.89, 0.765, 0.995); transition-duration: 800ms; transition-timing-function: cubic-bezier(0.46, 0.89, 0.765, 0.995); }

.btn-lineup .arrow { background: #FFF; display: block; height: 1px; position: absolute; right: 44px; top: 27px; }

.btn-lineup .arrow:after { -ms-transform: rotate(34deg); -webkit-transform: rotate(34deg); border-top: 1px solid #fff; content: ""; height: 1px; position: absolute; right: 0; transform: rotate(34deg); width: 8px; }

.btn-lineup:hover { opacity: 0.5; }

@media screen and (max-width: 768px) { .btn-lineup { height: 12.5vw; line-height: 12.5vw; padding: 0; width: 100%; }
  .btn-lineup img { height: 100%; width: auto; } }

@media screen and (min-width: 769px) { .btn-lineup { font-size: 18px; line-height: 0px; padding: 0; width: 100%; } }

#dead-sea .btn-allitem .btn-lineup { -webkit-transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.46, 0.89, 0.765, 0.995); line-height: 0; padding: 0; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.46, 0.89, 0.765, 0.995); z-index: 0; }

#dead-sea .btn-allitem .btn-lineup img { height: auto; width: 100%; }

@media screen and (max-width: 768px) { #dead-sea .btn-allitem { height: auto; margin: 0 auto; width: 100%; }
  #dead-sea .btn-allitem .btn-lineup { -webkit-transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.46, 0.89, 0.765, 0.995); height: auto; padding: 0; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.46, 0.89, 0.765, 0.995); width: 100%; z-index: 0; }
  #dead-sea .btn-allitem .btn-lineup img { height: 22.8125vw; width: 100%; } }

@media screen and (min-width: 769px) { #dead-sea .btn-allitem { margin: 0 auto; max-width: 780px; width: 100%; }
  #dead-sea .btn-allitem .btn-lineup { -webkit-transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.46, 0.89, 0.765, 0.995); height: auto; padding: 0; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.46, 0.89, 0.765, 0.995); z-index: 0; } }

/*
--------------------------------------------------------------
 Hero/Concept/About
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Main Visual
--------------------------------------------------------------
*/
@-webkit-keyframes imgFuwa2_sp { 0% { -webkit-transform: translate(0, 0px) rotate(0deg); transform: translate(0, 0px) rotate(0deg); }
  30% { -webkit-transform: translate(0, 5%) rotate(0deg); transform: translate(0, 5%) rotate(0deg); }
  60% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); } }
@keyframes imgFuwa2_sp { 0% { -webkit-transform: translate(0, 0px) rotate(0deg); transform: translate(0, 0px) rotate(0deg); }
  30% { -webkit-transform: translate(0, 5%) rotate(0deg); transform: translate(0, 5%) rotate(0deg); }
  60% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); } }

@-webkit-keyframes imgFuwa2 { 0% { -webkit-transform: translate(0, 0px) rotate(0deg); transform: translate(0, 0px) rotate(0deg); }
  30% { -webkit-transform: translate(0, 10px) rotate(0deg); transform: translate(0, 10px) rotate(0deg); }
  60% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); } }

@keyframes imgFuwa2 { 0% { -webkit-transform: translate(0, 0px) rotate(0deg); transform: translate(0, 0px) rotate(0deg); }
  30% { -webkit-transform: translate(0, 10px) rotate(0deg); transform: translate(0, 10px) rotate(0deg); }
  60% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); } }

@-webkit-keyframes bgZoomOut { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  50% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes bgZoomOut { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  50% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes saltShine { 0% {
    -moz-filter: blur(8px) !important;
    -ms-filter: blur(8px) !important;
    -webkit-filter: blur(8px) !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='8' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='8');
    filter: blur(8px); opacity: 0.0; }
  /* 50% { opacity: 0.39; } 51% { opacity: 0.6; } 52% { opacity: 0.2; } 53% { opacity: 1.0; } 54% { opacity: 0.8; } 55% { opacity: 0.2; } 58% { opacity: 0.1; } 59% { opacity: 0.39; } */
  25% { opacity: 0.39; }
  50% { opacity: 1.0; }
  60% { opacity: 0.6; }
  100% {
    -moz-filter: blur(0px) !important;
    -ms-filter: blur(0px) !important;
    -webkit-filter: blur(0px) !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
    filter: blur(0px); opacity: 0.39; } }

@keyframes saltShine { 0% {
    -moz-filter: blur(8px) !important;
    -ms-filter: blur(8px) !important;
    -webkit-filter: blur(8px) !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='8' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='8');
    filter: blur(8px); opacity: 0.0; }
  /* 50% { opacity: 0.39; } 51% { opacity: 0.6; } 52% { opacity: 0.2; } 53% { opacity: 1.0; } 54% { opacity: 0.8; } 55% { opacity: 0.2; } 58% { opacity: 0.1; } 59% { opacity: 0.39; } */
  25% { opacity: 0.39; }
  50% { opacity: 1.0; }
  60% { opacity: 0.6; }
  100% {
    -moz-filter: blur(0px) !important;
    -ms-filter: blur(0px) !important;
    -webkit-filter: blur(0px) !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
    filter: blur(0px); opacity: 0.39; } }

#opening { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-transition-delay: 0s; -webkit-transition-duration: 2000ms; -webkit-transition-timing-function: ease; align-items: center; background-color: #bbdeda; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; transition-delay: 0s; transition-duration: 2000ms; transition-timing-function: ease; width: 100%; z-index: 999; }

#opening .inner { text-align: center; }

#opening.show { opacity: 0; visibility: hidden; }

#opening .loader, #opening .loader:before, #opening .loader:after { -webkit-animation: load7 1.8s infinite ease-in-out; -webkit-animation-fill-mode: both; animation: load7 1.8s infinite ease-in-out; animation-fill-mode: both; border-radius: 50%; height: 2.0em; width: 2.0em; }

@media screen and (max-width: 767px) { #opening .loader, #opening .loader:before, #opening .loader:after { height: 1.5em; width: 1.5em; } }

#opening .loader { -webkit-animation-delay: -0.16s; -webkit-transform: translateZ(0); animation-delay: -0.16s; color: #ffffff; font-size: 10px; margin: 30px auto; position: relative; text-indent: -9999em; transform: translateZ(0); }

#opening .loader:before, #opening .loader:after { content: ''; position: absolute; top: 0; }

#opening .loader:before { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; left: -3.5em; }

#opening .loader:after { left: 3.5em; }

@-webkit-keyframes load7 { 0%, 80%, 100% { -webkit-box-shadow: 0 2.5em 0 -1.3em; box-shadow: 0 2.5em 0 -1.3em; }
  40% { -webkit-box-shadow: 0 2.5em 0 0; box-shadow: 0 2.5em 0 0; } }

@keyframes load7 { 0%, 80%, 100% { -webkit-box-shadow: 0 2.5em 0 -1.3em; box-shadow: 0 2.5em 0 -1.3em; }
  40% { -webkit-box-shadow: 0 2.5em 0 0; box-shadow: 0 2.5em 0 0; } }

#mainVisual { background-color: #bbdeda; height: 45.83333vw; overflow: hidden; z-index: 50; }

@media screen and (max-width: 767px) { #mainVisual { height: 125vw; } }

#mainVisual:after { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition-delay: 0s; -webkit-transition-duration: 3200ms; -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1); background: url("../../images/dead-sea-minerals/hero_img.jpg") no-repeat center top; background-size: cover; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transform: scale(1.1); transition-delay: 0s; transition-duration: 3200ms; transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1); visibility: hidden; width: 100%; z-index: 1; }

@media screen and (max-width: 767px) { #mainVisual:after { background-image: url("../../images/dead-sea-minerals/hero_img_sp.jpg"); } }

#mainVisual.show { background-size: cover; }

#mainVisual.show:after { -ms-transform: scale(1); -webkit-transform: scale(1); opacity: 1; transform: scale(1); visibility: visible; }

#mainVisual img { display: block; height: auto; line-height: 0; width: 100%; }

#mainVisual .hero-wrapper { -webkit-transition-delay: 0s; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; background-color: #bbdeda; height: 100%; position: relative; transition-delay: 0s; transition-duration: 800ms; transition-timing-function: ease; width: 100%; z-index: 2; }

#mainVisual .hero-wrapper.show { background-color: transparent; }

@media screen and (max-width: 767px) { #mainVisual .hero-wrapper { -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } }

#mainVisual .logo { -ms-transform: translateY(11.80556vw); -webkit-transform: translateY(11.80556vw); transform: translateY(11.80556vw); }

#mainVisual .logo .heroTitle, #mainVisual .logo .heroTitle_sub { width: 100%; }

#mainVisual .logo .heroTitle img, #mainVisual .logo .heroTitle_sub img { width: 100%; }

#mainVisual .logo .heroTitle.show img, #mainVisual .logo .heroTitle_sub.show img { opacity: 1; visibility: visible; }

@media screen and (max-width: 767px) { #mainVisual .logo { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }

#mainVisual .parts { -webkit-transition-delay: 0s; -webkit-transition-duration: 1800ms; -webkit-transition-timing-function: ease; opacity: 0; position: absolute; transition-delay: 0s; transition-duration: 1800ms; transition-timing-function: ease; }

#mainVisual .parts img { height: auto; width: 100%; }

#mainVisual .parts.show { -webkit-animation: saltShine 4.0s linear; animation: saltShine 4.0s linear; opacity: 0.39; visibility: visible; }

/*
--------------------------------------------------------------
 Concept Area
--------------------------------------------------------------
*/
#dead-sea .sec-concept { -webkit-box-sizing: border-box; background: url("../../images/dead-sea-minerals/concept_bg_sp.jpg") no-repeat center top #ddf0ec; background-size: cover; box-sizing: border-box; }

#dead-sea .sec-concept__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; position: relative; width: 100%; }

@media screen and (max-width: 767px) { #dead-sea .sec-concept { background-size: 100% auto; min-height: 364.0625vw; padding: 9.375vw 0 12.5vw 0; z-index: 10; }
  #dead-sea .sec-concept__inner { margin: 0 auto; width: 93.75vw; } }

@media screen and (min-width: 768px) { #dead-sea .sec-concept { background: url("../../images/dead-sea-minerals/concept_bg.jpg") no-repeat center top #ddf0ec; }
  #dead-sea .sec-concept__inner { margin-bottom: 124px; max-width: 1160px; padding: 0 20px; padding-top: 94px; } }

@-webkit-keyframes goldFrame { 0% { background-position: 0% 0%; }
  84% { background-position: 0% 0%; }
  90% { background-position: 0% 100%; }
  94% { background-position: 0% 0%; }
  100% { background-position: 0% 0%; } }

@keyframes goldFrame { 0% { background-position: 0% 0%; }
  84% { background-position: 0% 0%; }
  90% { background-position: 0% 100%; }
  94% { background-position: 0% 0%; }
  100% { background-position: 0% 0%; } }

@-webkit-keyframes goldFrame2 { 0% { border-color: #88784d; }
  84% { border-color: #88784d; }
  88% { border-top-color: #f0dfab; }
  90% {
    border-bottom-color: #f0dfab; border-top-color: #88784d; }
  92% { border-top-color: #f0dfab; }
  94% { border-color: #88784d; }
  100% { border-color: #88784d; } }

@keyframes goldFrame2 { 0% { border-color: #88784d; }
  84% { border-color: #88784d; }
  88% { border-top-color: #f0dfab; }
  90% {
    border-bottom-color: #f0dfab; border-top-color: #88784d; }
  92% { border-top-color: #f0dfab; }
  94% { border-color: #88784d; }
  100% { border-color: #88784d; } }

#dead-sea .cbox { -webkit-box-shadow: 0 0 10px rgba(46, 46, 46, 0.41); -webkit-box-sizing: border-box; background-color: #fff; border: solid 10px #fff; box-shadow: 0 0 10px rgba(46, 46, 46, 0.41); box-sizing: border-box; }

@media screen and (max-width: 767px) { #dead-sea .cbox { -webkit-box-shadow: 0 0 1.5625vw rgba(46, 46, 46, 0.41); border-width: 3.125vw; box-shadow: 0 0 1.5625vw rgba(46, 46, 46, 0.41); } }

#dead-sea .cbox.js-anim-scroll .cbox__box { -webkit-transition-delay: 1s; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease; opacity: 0; transition-delay: 1s; transition-duration: 1s; transition-timing-function: ease; visibility: hidden; width: 1px; }

#dead-sea .cbox.js-anim-scroll .cbox__box-title, #dead-sea .cbox.js-anim-scroll .cbox__box-txt { -webkit-transition-delay: 2s; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease; opacity: 0; transition-delay: 2s; transition-duration: 1s; transition-timing-function: ease; visibility: hidden; }

#dead-sea .cbox.js-anim-scroll.inview .cbox__box { opacity: 1; visibility: visible; width: 70.90909%; }

#dead-sea .cbox.js-anim-scroll.inview .cbox__box-title, #dead-sea .cbox.js-anim-scroll.inview .cbox__box-txt { opacity: 1; visibility: visible; /*transform: scale(1);*/ }

@media screen and (max-width: 767px) { #dead-sea .cbox.js-anim-scroll.inview .cbox__box { width: 81.25vw; } }

#dead-sea .cbox__main { margin-bottom: 51px; position: relative; }

#dead-sea .cbox__main-bg { line-height: 0; }

#dead-sea .cbox__main-bg img { height: auto; width: 100%; }

@media screen and (max-width: 767px) { #dead-sea .cbox__main { height: 201.09375vw; margin-bottom: 8.90625vw; } }

#dead-sea .cbox__box { -ms-transform: translate(-50%, -58%); -webkit-box-sizing: border-box; -webkit-transform: translate(-50%, -58%); background-color: rgba(255, 255, 255, 0.5); box-sizing: border-box; height: calc( (431/785)*100%); left: 50%; padding: 20px; position: absolute; top: 50%; transform: translate(-50%, -58%); width: 70.90909%; }

#dead-sea .cbox__box-inner { -webkit-animation: goldFrame2 10s ease infinite; -webkit-box-sizing: border-box; animation: goldFrame2 10s ease infinite; border: solid 4px #88784d; box-sizing: border-box; height: 100%; padding: 60px 0; position: relative; }

#dead-sea .cbox__box-inner:before, #dead-sea .cbox__box-inner:after { -webkit-animation: goldFrame 10s ease infinite; animation: goldFrame 10s ease infinite; background: -webkit-gradient(linear, left top, left bottom, from(#88784d), color-stop(25%, #f0dfab), color-stop(50%, #88784d), color-stop(75%, #f0dfab), to(#f0dfab)); background: linear-gradient(to bottom, #88784d, #f0dfab 25%, #88784d 50%, #f0dfab 75%, #f0dfab 100%); background-size: 100% 200%; content: ""; display: block; height: calc( 100% + 8px); position: absolute; top: -4px; width: 4px; }

#dead-sea .cbox__box-inner:before { left: -4px; }

#dead-sea .cbox__box-inner:after { right: -4px; }

#dead-sea .cbox__box-title, #dead-sea .cbox__box-txt { line-height: 0; }

#dead-sea .cbox__box-title img, #dead-sea .cbox__box-txt img { height: auto; width: 100%; }

@media screen and (max-width: 767px) { #dead-sea .cbox__box { -ms-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); height: 128.28125vw; padding: 3.125vw; top: 4.6875vw; transform: translate(-50%, 0%); width: 81.25vw; }
  #dead-sea .cbox__box-inner { background-color: rgba(255, 255, 255, 0.6); border-width: 0.9375vw; padding: 7.8125vw 0; }
  #dead-sea .cbox__box-inner:before, #dead-sea .cbox__box-inner:after { height: calc( 100% + 1.875vw); top: -0.9375vw; width: 0.9375vw; }
  #dead-sea .cbox__box-inner:before { left: -0.9375vw; }
  #dead-sea .cbox__box-inner:after { right: -0.9375vw; } }

#dead-sea .cbox__txt { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: #948458; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; height: 54px; justify-content: center; line-height: 1; }

@media screen and (max-width: 767px) { #dead-sea .cbox__txt { font-size: 3.75vw; height: 8.4375vw; } }

#dead-sea .cbox__why { padding: 0 40px 77px 40px; }

#dead-sea .cbox__why-title { line-height: 0; margin-bottom: 51px; }

#dead-sea .cbox__why-inner { -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

#dead-sea .cbox__why-txt { font-size: 18px; line-height: 2.44444; }

#dead-sea .cbox__why-txtArea { text-align: left; width: 45.29412%; }

#dead-sea .cbox__why-graphArea { margin-left: auto; margin-top: -11px; position: relative; width: 50%; }

#dead-sea .cbox__why-graphArea img { height: auto; width: 100%; }

@media screen and (max-width: 767px) { #dead-sea .cbox__why { padding: 0 0 7.8125vw 0; }
  #dead-sea .cbox__why-title { margin-bottom: 4.6875vw; }
  #dead-sea .cbox__why-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #dead-sea .cbox__why-txt { font-size: 4.0625vw; line-height: 1.61538; }
  #dead-sea .cbox__why-txtArea { margin-bottom: 7.8125vw; width: 100%; }
  #dead-sea .cbox__why-graphArea { margin: 0; width: 100%; } }

#dead-sea .graph { line-height: 0; position: relative; }

#dead-sea .graph__items { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

#dead-sea .graph__item { bottom: 0; position: absolute; width: 13.33333%; }

@media screen and (min-width: 768px) { #dead-sea .graph__item.item1 { height: 74.39024%; left: 11.96078%; }
  #dead-sea .graph__item.item2 { height: 67.07317%; left: 29.60784%; }
  #dead-sea .graph__item.item3 { height: 30.89431%; left: 47.2549%; }
  #dead-sea .graph__item.item4 { height: 17.47967%; left: 64.90196%; }
  #dead-sea .graph__item.item5 { height: 13.82114%; left: 82.54902%; } }

@media screen and (max-width: 767px) { #dead-sea .graph__item.item1 { height: 31.875vw; left: 9.0625vw; }
  #dead-sea .graph__item.item2 { height: 28.59375vw; left: 24.6875vw; }
  #dead-sea .graph__item.item3 { height: 13.28125vw; left: 40.3125vw; }
  #dead-sea .graph__item.item4 { height: 7.34375vw; left: 55.78125vw; }
  #dead-sea .graph__item.item5 { height: 5.78125vw; left: 71.40625vw; } }

#dead-sea .graph__bar { background-color: #a1d1e1; display: block; height: 100%; width: 44.11765%; }

#dead-sea .graph__point { -ms-transform: translateY(-106%); -webkit-transform: translateY(-106%); display: block; left: 19.11765%; line-height: 0; position: absolute; top: 0; transform: translateY(-106%); width: 79.41176%; }

@media screen and (max-width: 767px) { #dead-sea .graph__point { width: 9.375vw; } }

#dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item1 { -webkit-transition-delay: 0.8s; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease; transition-delay: 0.8s; transition-duration: 1s; transition-timing-function: ease; }

#dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item2 { -webkit-transition-delay: 1.2s; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease; transition-delay: 1.2s; transition-duration: 1s; transition-timing-function: ease; }

#dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item3 { -webkit-transition-delay: 1.6s; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease; transition-delay: 1.6s; transition-duration: 1s; transition-timing-function: ease; }

#dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item4 { -webkit-transition-delay: 2s; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease; transition-delay: 2s; transition-duration: 1s; transition-timing-function: ease; }

#dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item5 { -webkit-transition-delay: 2.4s; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease; transition-delay: 2.4s; transition-duration: 1s; transition-timing-function: ease; }

@media screen and (min-width: 768px) { #dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item1 { height: 4.06504%; left: 11.96078%; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item2 { height: 4.06504%; left: 29.60784%; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item3 { height: 4.06504%; left: 47.2549%; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item4 { height: 4.06504%; left: 64.90196%; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item5 { height: 4.06504%; left: 82.54902%; } }

@media screen and (max-width: 767px) { #dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item1 { height: 1.5625vw; left: 9.0625vw; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item2 { height: 1.5625vw; left: 24.6875vw; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item3 { height: 1.5625vw; left: 40.3125vw; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item4 { height: 1.5625vw; left: 55.78125vw; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item.item5 { height: 1.5625vw; left: 71.40625vw; } }

#dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item1-point img { -webkit-transition-delay: 1.8s; -webkit-transition-duration: 1.2s; -webkit-transition-timing-function: ease; transition-delay: 1.8s; transition-duration: 1.2s; transition-timing-function: ease; }

#dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item2-point img { -webkit-transition-delay: 2.2s; -webkit-transition-duration: 1.2s; -webkit-transition-timing-function: ease; transition-delay: 2.2s; transition-duration: 1.2s; transition-timing-function: ease; }

#dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item3-point img { -webkit-transition-delay: 2.6s; -webkit-transition-duration: 1.2s; -webkit-transition-timing-function: ease; transition-delay: 2.6s; transition-duration: 1.2s; transition-timing-function: ease; }

#dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item4-point img { -webkit-transition-delay: 3s; -webkit-transition-duration: 1.2s; -webkit-transition-timing-function: ease; transition-delay: 3s; transition-duration: 1.2s; transition-timing-function: ease; }

#dead-sea .cbox__why-graphArea.js-anim-scroll .graph__item5-point img { -webkit-transition-delay: 3.4s; -webkit-transition-duration: 1.2s; -webkit-transition-timing-function: ease; transition-delay: 3.4s; transition-duration: 1.2s; transition-timing-function: ease; }

#dead-sea .cbox__why-graphArea.js-anim-scroll .graph__point img { -ms-transform: scale(1.3); -ms-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; -webkit-transform: scale(1.3); -webkit-transform-origin: 50% 50%; backface-visibility: hidden; opacity: 0; transform: scale(1.3); transform-origin: 50% 50%; visibility: hidden; }

@media screen and (min-width: 768px) { #dead-sea .cbox__why-graphArea.js-anim-scroll.inview .graph__item.item1 { height: 74.39024%; left: 11.96078%; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll.inview .graph__item.item2 { height: 67.07317%; left: 29.60784%; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll.inview .graph__item.item3 { height: 30.89431%; left: 47.2549%; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll.inview .graph__item.item4 { height: 17.47967%; left: 64.90196%; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll.inview .graph__item.item5 { height: 13.82114%; left: 82.54902%; } }

@media screen and (max-width: 767px) { #dead-sea .cbox__why-graphArea.js-anim-scroll.inview .graph__item.item1 { height: 31.875vw; left: 9.0625vw; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll.inview .graph__item.item2 { height: 28.59375vw; left: 24.6875vw; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll.inview .graph__item.item3 { height: 13.28125vw; left: 40.3125vw; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll.inview .graph__item.item4 { height: 7.34375vw; left: 55.78125vw; }
  #dead-sea .cbox__why-graphArea.js-anim-scroll.inview .graph__item.item5 { height: 5.78125vw; left: 71.40625vw; } }

#dead-sea .cbox__why-graphArea.js-anim-scroll.inview .graph__point img { -ms-transform: scale(1); -webkit-transform: scale(1); opacity: 1; transform: scale(1); visibility: visible; }

/*----// Fragrance box //----*/
@-webkit-keyframes fragFrame { 0% { background-position: 0% 0%; }
  40% { background-position: 10% 30%; }
  80% { background-position: 0% 0%; }
  84% { background-position: 0% 0%; }
  90% { background-position: 80% 0%; }
  94% { background-position: 0% 0%; }
  100% { background-position: 0% 0%; } }
@keyframes fragFrame { 0% { background-position: 0% 0%; }
  40% { background-position: 10% 30%; }
  80% { background-position: 0% 0%; }
  84% { background-position: 0% 0%; }
  90% { background-position: 80% 0%; }
  94% { background-position: 0% 0%; }
  100% { background-position: 0% 0%; } }

#dead-sea .sec-fragrance { background: url("../../images/dead-sea-minerals/fragrance_bg.png") center top; background-size: cover; padding: 100px 0; }

#dead-sea .sec-fragrance__inner { margin: 0 auto; max-width: 1160px; padding: 0 20px; position: relative; }

@media screen and (max-width: 767px) { #dead-sea .sec-fragrance { padding: 12.5vw 0 9.375vw; }
  #dead-sea .sec-fragrance__inner { padding: 0 3.125vw; } }

#dead-sea .fragrance-box { -webkit-animation: fragFrame 16s ease infinite; -webkit-box-sizing: border-box; animation: fragFrame 16s ease infinite; background: linear-gradient(50deg, #88784d 5%, #f0dfab 25%, #88784d 45%, #88784d 50%, #f0dfab 75%, #88784d 100%); background-size: 200% 200%; box-sizing: border-box; height: auto; margin: 0 auto; position: relative; width: 100%; }

#dead-sea .fragrance-box__inner { margin: 0 auto; position: relative; width: 100%; }

#dead-sea .fragrance-box__title { margin: 0 auto; width: 100%; }

#dead-sea .fragrance-box__title img { height: auto; width: 100%; }

#dead-sea .fragrance-box__txt { margin: 0; }

#dead-sea .fragrance-box__items { -ms-flex-pack: justify; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin: 0 auto; width: 100%; }

@media screen and (max-width: 767px) { #dead-sea .fragrance-box { padding: 2.1875vw; text-align: left; }
  #dead-sea .fragrance-box__inner { background: url("../../images/dead-sea-minerals/fragrance_bg-box_sp.png") center top no-repeat #fff; background-size: cover; border: solid 0.625vw #FFF; padding: 0 4.6875vw 4.21875vw 4.6875vw; }
  #dead-sea .fragrance-box__title img { height: 38.4375vw; }
  #dead-sea .fragrance-box__txt { font-size: 4.0625vw; line-height: 1.53846; margin: 0 auto; width: 78.125vw; }
  #dead-sea .fragrance-box__items { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5.46875vw; max-width: 0 auto; width: 78.125vw; }
  #dead-sea .fragrance-box__item { line-height: 0; width: 39.0625vw; } }

@media screen and (min-width: 768px) { #dead-sea .fragrance-box { background-color: #88784d; max-width: 1120px; padding: 10px; }
  #dead-sea .fragrance-box__inner { background: url("../../images/dead-sea-minerals/fragrance_bg-box.png") center top no-repeat #fff; background-size: cover; padding: 0px; padding-bottom: 54px; }
  #dead-sea .fragrance-box__title { max-width: 860px; }
  #dead-sea .fragrance-box__txt { font-size: 18px; line-height: 1.77778; margin-bottom: 48px; }
  #dead-sea .fragrance-box__items { max-width: 798px; }
  #dead-sea .fragrance-box__item { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } }

/*
--------------------------------------------------------------
 About Area
--------------------------------------------------------------
*/
#dead-sea .sec-about { -webkit-box-sizing: border-box; background: #fff; box-sizing: border-box; }

#dead-sea .sec-about__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: 100%; }

#dead-sea .sec-about__inner a:hover { opacity: 0.6; }

#dead-sea .sec-about__txtarea { text-align: left; }

#dead-sea .sec-about__title { line-height: 0; }

#dead-sea .sec-about__logo { display: block; margin: 0 auto; }

@media screen and (max-width: 767px) { #dead-sea .sec-about { -webkit-box-sizing: border-box; background-size: contain; box-sizing: border-box; min-height: 112.5vw; padding: 3.28125vw 0; }
  #dead-sea .sec-about__inner { background: url("../../images/dead-sea-minerals/about_frame_sp.png") no-repeat center top; background-size: cover; min-height: 105.9375vw; padding: 10.9375vw 10.9375vw 8.4375vw 10.9375vw; width: 100%; }
  #dead-sea .sec-about__txtarea { margin-bottom: 4.21875vw; }
  #dead-sea .sec-about__title img { height: 10.15625vw; }
  #dead-sea .sec-about__txt { line-height: 1.53846; }
  #dead-sea .sec-about__logo { width: 33.28125vw; } }

@media screen and (min-width: 768px) { #dead-sea .sec-about { padding: 29px 0; }
  #dead-sea .sec-about__inner { -ms-flex-align: center; -webkit-box-align: center; align-items: center; background: url("../../images/dead-sea-minerals/about_frame.png") no-repeat center top; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1120px; min-height: 241px; padding: 45px 130px 40px 134px; }
  #dead-sea .sec-about__txtarea { margin-right: 20px; }
  #dead-sea .sec-about__txt { font-size: 16px; }
  #dead-sea .sec-about__logo { -ms-flex-item-align: center; align-self: center; margin-left: auto; margin-right: 0; max-width: 146px; min-width: 110px; width: 17.03617%; }
  #dead-sea .sec-about__logo img { height: auto; width: 100%; } }

/*
--------------------------------------------------------------
 Lineup
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Lineup Area
--------------------------------------------------------------
*/
@-webkit-keyframes seabgAnim { 0% { background-position: 0% 0%;
    background-size: 100vw auto; }
  10% { background-position: 0% 0%;
    background-size: 100vw auto; }
  25% { background-position: 0% -3%;
    background-size: 110vw auto; }
  50% { background-position: 0% 0%;
    background-size: 130vw auto; }
  75% { background-position: 0% 3%;
    background-size: 110vw auto; }
  100% { background-position: 0% 0%;
    background-size: 100vw auto; } }
@keyframes seabgAnim { 0% { background-position: 0% 0%;
    background-size: 100vw auto; }
  10% { background-position: 0% 0%;
    background-size: 100vw auto; }
  25% { background-position: 0% -3%;
    background-size: 110vw auto; }
  50% { background-position: 0% 0%;
    background-size: 130vw auto; }
  75% { background-position: 0% 3%;
    background-size: 110vw auto; }
  100% { background-position: 0% 0%;
    background-size: 100vw auto; } }

#dead-sea .sec-lineup { background: #dbebe8 repeat-y center top; background-image: url("../../images/dead-sea-minerals/lineup_bg.png"); background-size: 220vw auto; }

#dead-sea .sec-lineup__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; position: relative; width: 100%; }

#dead-sea .sec-lineup__txt { text-align: center; }

#dead-sea .sec-lineup .bg { left: 0; position: absolute; top: 0; z-index: 0; }

#dead-sea .sec-lineup .bg img { height: auto; position: absolute; width: 100%; }

@media screen and (max-width: 767px) { #dead-sea .sec-lineup { background-attachment: fixed; background-image: url("../../images/dead-sea-minerals/lineup_bg.png"); background-position: 100% center; background-repeat: repeat-y; background-size: 200%; padding: 17.96875vw 0 12.5vw; }
  #dead-sea .sec-lineup__inner { margin: 0 auto; width: 93.75vw; }
  #dead-sea .sec-lineup__title img { height: 18.4375vw; }
  #dead-sea .sec-lineup__txt { font-size: 4.0625vw; line-height: 1.53846; margin-bottom: 22.5vw; text-align: center; } }

@media screen and (min-width: 768px) { #dead-sea .sec-lineup { background-attachment: fixed; background-image: url("../../images/dead-sea-minerals/lineup_bg.png"); background-size: 100vw auto; }
  #dead-sea .sec-lineup__inner { max-width: 1160px; padding: 0 20px; padding-bottom: 132px; padding-top: 110px; }
  #dead-sea .sec-lineup__txt { font-size: 18px; line-height: 2.44444; margin-bottom: 112px; } }

#dead-sea .sec-lineup .lpbox { background-attachment: fixed; background-blend-mode: multiply; background-color: #c5e0db; background-image: url("../../images/dead-sea-minerals/lineup_bg.png"); background-position: center top; background-size: 100vw auto; border: solid 10px #c5e0db; position: relative; }

#dead-sea .sec-lineup .lpbox:after { background-position: center top; background-repeat: no-repeat; background-size: 100% auto; display: block; }

#dead-sea .sec-lineup .lpbox__inner { background-position: center top; background-repeat: repeat-y; background-size: 100% auto; width: 100%; }

#dead-sea .sec-lineup .lpbox__title { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #FFF; left: 50%; line-height: 0; position: absolute; transform: translateX(-50%); }

#dead-sea .sec-lineup .lpbox__title:before, #dead-sea .sec-lineup .lpbox__title:after { content: ""; display: block; left: 0; position: absolute; width: 100%; }

#dead-sea .sec-lineup .lpbox__title:before { top: 0; }

#dead-sea .sec-lineup .lpbox__title:after { bottom: 0; }

#dead-sea .sec-lineup .lpbox__title img { height: auto; width: 100%; }

#dead-sea .sec-lineup .lpbox__wrap { -webkit-box-sizing: border-box; background: #fff; border: solid 10px #e6ddba; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

#dead-sea .sec-lineup .lpbox__wrap:after { -webkit-box-sizing: border-box; border: solid 1px #b3a36a; box-sizing: border-box; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; height: calc( 100% + 20px); left: -10px; pointer-events: none; position: absolute; top: -10px; width: calc( 100% + 20px); }

#dead-sea .sec-lineup .lpbox__fig a { width: 100%; }

#dead-sea .sec-lineup .lpbox__fig a img { height: auto; width: 100%; }

#dead-sea .sec-lineup .lpbox__fig-label { position: absolute; }

#dead-sea .sec-lineup .lpbox__fig-badge { position: absolute; }

#dead-sea .sec-lineup .lpbox__txtarea { text-align: left; }

#dead-sea .sec-lineup .lpbox__txtarea .box .inner { background: #fff; }

#dead-sea .sec-lineup .lpbox__txtarea .prodProp { font-weight: 500; }

#dead-sea .sec-lineup .lpbox__txtarea .prodProp .prodSize { font-weight: 700; }

#dead-sea .sec-lineup .lpbox__txtarea .prodProp .prodPrice .val { font-weight: 700; }

#dead-sea .sec-lineup .lpbox__txtarea .btn-lineup img { height: auto; width: 100%; }

#dead-sea .sec-lineup .lpbox__ov { text-align: left; }

#dead-sea .sec-lineup .lpbox__ov a { color: #948458; font-weight: 700; text-decoration: underline; }

#dead-sea .sec-lineup .lpbox.lpbox4 { background-blend-mode: luminosity; background-color: #f1f2f1; border-color: #f2f4f3; }

#dead-sea .sec-lineup .lpbox.lpbox4 .lpbox__wrap { border-color: #aed1ca; }

#dead-sea .sec-lineup .lpbox.lpbox4 .lpbox__wrap:last-child { margin-bottom: 0; }

#dead-sea .sec-lineup .lpbox.lpbox4 .lpbox__wrap:after { border-color: #8fbcb3; }

#dead-sea .sec-lineup .lpbox.js-anim-scroll .lpbox__title { -ms-transform: translate(-50%, 10%); -webkit-transform: translate(-50%, 10%); -webkit-transition-delay: 0ms; -webkit-transition-duration: 1200ms; -webkit-transition-timing-function: ease; opacity: 0; transform: translate(-50%, 10%); transition-delay: 0ms; transition-duration: 1200ms; transition-timing-function: ease; visibility: hidden; }

#dead-sea .sec-lineup .lpbox.js-anim-scroll.inview .lpbox__title { -ms-transform: translate(-50%, 0%) rotate(0deg); -webkit-transform: translate(-50%, 0%) rotate(0deg); opacity: 1; transform: translate(-50%, 0%) rotate(0deg); visibility: visible; }

#dead-sea .sec-lineup .lpbox__wrap.js-anim-scroll { -webkit-transition-delay: 0.3s; -webkit-transition-duration: 1.2s; -webkit-transition-timing-function: ease; opacity: 0; transition-delay: 0.3s; transition-duration: 1.2s; transition-timing-function: ease; visibility: hidden; }

#dead-sea .sec-lineup .lpbox__wrap.js-anim-scroll .lpbox__fig-badge { -ms-transform: translateY(-10%); -webkit-backface-visibility: hidden; -webkit-transform: translateY(-10%); -webkit-transition-delay: 1.2s; -webkit-transition-duration: 1.1s; -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); backface-visibility: hidden; opacity: 0; transform: translateY(-10%); transition-delay: 1.2s; transition-duration: 1.1s; transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); }

#dead-sea .sec-lineup .lpbox__wrap.js-anim-scroll.inview { -ms-transform: translate(0%, 0%) rotate(0deg); -webkit-transform: translate(0%, 0%) rotate(0deg); opacity: 1; transform: translate(0%, 0%) rotate(0deg); visibility: visible; }

#dead-sea .sec-lineup .lpbox__wrap.js-anim-scroll.inview .lpbox__fig-badge { -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; transform: translateY(0); visibility: visible; }

@media screen and (max-width: 767px) { #dead-sea .sec-lineup .lpbox { background: #a0cac3; border: solid 1.5625vw #c5e0db; margin-bottom: 25vw; padding: 17.1875vw 1.5625vw 7.8125vw 1.5625vw; }
  #dead-sea .sec-lineup .lpbox:last-child { margin-bottom: 0; }
  #dead-sea .sec-lineup .lpbox__title { background: url("../../images/dead-sea-minerals/lineup_bg-ttl_sp.png") no-repeat center top; background-size: cover; height: 24.0625vw; top: -13.59375vw; width: 93.75vw; }
  #dead-sea .sec-lineup .lpbox__title img { width: 100%; }
  #dead-sea .sec-lineup .lpbox__inner { background-position: 10% 0%; background-repeat: repeat; background-size: 155%; padding: 0; }
  #dead-sea .sec-lineup .lpbox__wrap { -ms-flex-wrap: wrap; border-width: 1.5625vw; flex-wrap: wrap; margin-bottom: 6.875vw; padding: 3.125vw 3.125vw 6.25vw 3.125vw; }
  #dead-sea .sec-lineup .lpbox__wrap:last-child { margin-bottom: 0; }
  #dead-sea .sec-lineup .lpbox__wrap:after { border-width: 0.15625vw; height: calc( 100% + 3.125vw); left: -1.5625vw; top: -1.5625vw; width: calc( 100% + 3.125vw); }
  #dead-sea .sec-lineup .lpbox__fig { width: 100%; }
  #dead-sea .sec-lineup .lpbox__fig-label { height: 21.875vw; left: -1.40625vw; top: -1.40625vw; width: 34.375vw; }
  #dead-sea .sec-lineup .lpbox__fig-badge { right: 3.125vw; top: 3.125vw; width: 19.53125vw; }
  #dead-sea .sec-lineup .lpbox__fig-badge img { width: 100%; }
  #dead-sea .sec-lineup .lpbox__txtarea { width: 100%; }
  #dead-sea .sec-lineup .lpbox__txtarea .box { background: url("../../images/dead-sea-minerals/prod-prop_bg_sp.png") repeat center top; background-size: cover; padding: 1.5625vw; }
  #dead-sea .sec-lineup .lpbox__txtarea .box .inner { padding: 3.90625vw 2.34375vw 5.46875vw 2.34375vw; }
  #dead-sea .sec-lineup .lpbox__txtarea .prodProp { font-size: 3.75vw; font-weight: 500; line-height: 1.66667; margin-bottom: 4.6875vw; }
  #dead-sea .sec-lineup .lpbox__txtarea .prodProp .prodName { line-height: 1.66667; }
  #dead-sea .sec-lineup .lpbox__txtarea .prodProp .prodPrice { color: #363636; font-size: 4.0625vw; margin-left: 1.5625vw; }
  #dead-sea .sec-lineup .lpbox__txtarea .prodProp .prodPrice .val { font-size: 5.3125vw; }
  #dead-sea .sec-lineup .lpbox__txtarea .prodProp.prodProp2 .prodName { display: inline; }
  #dead-sea .sec-lineup .lpbox__txtarea .prodProp.prodProp2 .prodSize { margin-left: 1.5625vw; }
  #dead-sea .sec-lineup .lpbox__txtarea .prodProp.prodProp2 .prodPrice { display: block; margin-left: 0; }
  #dead-sea .sec-lineup .lpbox.lpbox4 { background-blend-mode: normal; background-color: #e0e2e1; border-color: #f2f4f2; }
  #dead-sea .sec-lineup .lpbox.lpbox4 .lpbox__txtarea .box { background: url("../../images/dead-sea-minerals/prod-prop_bg2_sp.png") repeat center top; }
  #dead-sea .sec-lineup .lpbox__ov { font-size: 4.0625vw; line-height: 1.53846; margin-bottom: 5vw; } }

@media screen and (min-width: 768px) { #dead-sea .sec-lineup .lpbox { margin-bottom: 114px; padding: 90px 40px 50px 40px; }
  #dead-sea .sec-lineup .lpbox:last-child { margin-bottom: 0; }
  #dead-sea .sec-lineup .lpbox__title { background: url("../../images/dead-sea-minerals/lineup_bg-ttl.png") no-repeat center top; background-size: cover; height: 114px; top: -57px; width: 524px; }
  #dead-sea .sec-lineup .lpbox__title img { width: 100%; }
  #dead-sea .sec-lineup .lpbox__inner { padding: 0; }
  #dead-sea .sec-lineup .lpbox__wrap { -ms-flex-align: center; -webkit-box-align: center; align-items: center; margin-bottom: 20px; }
  #dead-sea .sec-lineup .lpbox__wrap:last-child { margin-bottom: 0; }
  #dead-sea .sec-lineup .lpbox__fig { max-width: 476px; position: relative; width: 47.6%; }
  #dead-sea .sec-lineup .lpbox__fig-label { left: -10px; top: -10px; }
  #dead-sea .sec-lineup .lpbox__fig-badge { right: 4.62185%; top: 4.62185%; width: 21.42857%; }
  #dead-sea .sec-lineup .lpbox__fig-badge img { width: 100%; }
  #dead-sea .sec-lineup .lpbox__txtarea { margin-left: auto; margin-right: 4%; margin-top: 62px; max-width: 460px; width: 46%; }
  #dead-sea .sec-lineup .lpbox__txtarea .box { background: url("../../images/dead-sea-minerals/prod-prop_bg.png") repeat center top; margin-bottom: 60px; padding: 10px; }
  #dead-sea .sec-lineup .lpbox__txtarea .box .inner { padding: 25px 20px; }
  #dead-sea .sec-lineup .lpbox__txtarea .prodProp { line-height: 187.5%; margin-bottom: 20px; }
  #dead-sea .sec-lineup .lpbox__txtarea .prodProp .prodName { line-height: 1; }
  #dead-sea .sec-lineup .lpbox__txtarea .prodProp .prodPrice { font-size: 14px; margin-left: 10px; }
  #dead-sea .sec-lineup .lpbox__txtarea .prodProp .prodPrice .val { font-size: 20px; }
  #dead-sea .sec-lineup .lpbox__ov { margin-bottom: 45px; }
  #dead-sea .sec-lineup .lpbox.lpbox4 { background-blend-mode: luminosity; background-color: #f1f2f1; border-color: #f2f4f3; }
  #dead-sea .sec-lineup .lpbox.lpbox4 .lpbox__wrap { margin-bottom: 50px; }
  #dead-sea .sec-lineup .lpbox.lpbox4 .lpbox__txtarea .box { background: url("../../images/dead-sea-minerals/prod-prop_bg2.png") repeat center top; } }

#dead-sea .massage { -webkit-box-sizing: border-box; background: #fff; border: solid 10px #d9ebe8; box-sizing: border-box; position: relative; }

@media screen and (max-width: 767px) { #dead-sea .massage { border-width: 1.25vw; } }

#dead-sea .massage__inner { padding: 55px 40px 60px 40px; }

@media screen and (max-width: 767px) { #dead-sea .massage__inner { padding: 3.75vw 3.4375vw 8.75vw 3.4375vw; } }

#dead-sea .massage__head { text-align: center; }

#dead-sea .massage__target { -ms-flex-pack: justify; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; }

#dead-sea .massage__target-item { width: 28.26087%; }

#dead-sea .massage__target-name img { height: auto; width: 100%; }

#dead-sea .massage__target-lists { padding-left: 1rem; text-align: left; text-indent: -1rem; }

@media screen and (max-width: 767px) { #dead-sea .massage__target { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #dead-sea .massage__target-item { margin-bottom: 9.375vw; width: 100%; }
  #dead-sea .massage__target-item:last-child { margin-bottom: 0; }
  #dead-sea .massage__target-lists { font-size: 4.0625vw; line-height: 1.53846; padding-left: 4.0625vw; text-indent: -4.0625vw; } }

#dead-sea.isie .sec-lineup .lpbox, #dead-sea.isedge .sec-lineup .lpbox { background: #a1cbc4; }

#dead-sea.isie .sec-lineup .lpbox.lpbox4, #dead-sea.isedge .sec-lineup .lpbox.lpbox4 { background: #dfe0df; }

#dead-sea .sec-link { background-color: #aed1ca; background-position: center top; background-repeat: no-repeat; background-size: cover; }

#dead-sea .sec-link__inner { -webkit-box-sizing: border-box; box-sizing: border-box; }

#dead-sea .sec-link .btn-allitem--new a { position: relative; }

#dead-sea .sec-link .btn-allitem--new a::after { background-position: center top; background-repeat: no-repeat; content: ""; display: block; left: 0; position: absolute; top: 0; }

@media screen and (max-width: 767px) { #dead-sea .sec-link { background-image: url("../../images/dead-sea-minerals/bg_link-dcm2_sp.jpg"); }
  #dead-sea .sec-link__inner { padding: 14.0625vw 3.125vw 12.96875vw 3.125vw; }
  #dead-sea .sec-link .btn-allitem--new a::after { background-image: url("../../images/dead-sea-minerals/btn_icon-new_sp.png"); background-size: 23.4375vw 14.0625vw; height: 14.0625vw; width: 23.4375vw; }
  #dead-sea .sec-link .btn-allitem:nth-child(2) { margin-top: 5.3125vw; } }

@media screen and (min-width: 768px) { #dead-sea .sec-link { background-image: url("../../images/dead-sea-minerals/bg_link-dcm2.jpg"); }
  #dead-sea .sec-link__inner { padding: 70px 20px 63px 20px; }
  #dead-sea .sec-link .btn-allitem--new a::after { background-image: url("../../images/dead-sea-minerals/btn_icon-new.png"); background-size: 130px 80px; height: 80px; width: 130px; }
  #dead-sea .sec-link .btn-allitem:nth-child(2) { margin-top: 50px; } }

/*
--------------------------------------------------------------
 Movie
--------------------------------------------------------------
*/
@-webkit-keyframes buru2_sp { 0% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  3% { -webkit-transform: translate(0, 0) scale(1) rotate(4deg); transform: translate(0, 0) scale(1) rotate(4deg); }
  6% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  9% { -webkit-transform: translate(0, 0) scale(1) rotate(-3deg); transform: translate(0, 0) scale(1) rotate(-3deg); }
  12% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  15% { -webkit-transform: translate(0, 0) scale(1) rotate(3deg); transform: translate(0, 0) scale(1) rotate(3deg); }
  18% { -webkit-transform: translate(0, 0) scale(1) rotate(-1deg); transform: translate(0, 0) scale(1) rotate(-1deg); }
  21% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  100% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); } }
@keyframes buru2_sp { 0% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  3% { -webkit-transform: translate(0, 0) scale(1) rotate(4deg); transform: translate(0, 0) scale(1) rotate(4deg); }
  6% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  9% { -webkit-transform: translate(0, 0) scale(1) rotate(-3deg); transform: translate(0, 0) scale(1) rotate(-3deg); }
  12% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  15% { -webkit-transform: translate(0, 0) scale(1) rotate(3deg); transform: translate(0, 0) scale(1) rotate(3deg); }
  18% { -webkit-transform: translate(0, 0) scale(1) rotate(-1deg); transform: translate(0, 0) scale(1) rotate(-1deg); }
  21% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  100% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); } }

@-webkit-keyframes buru2 { 0% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  3% { -webkit-transform: translate(0, 0) scale(1) rotate(7deg); transform: translate(0, 0) scale(1) rotate(7deg); }
  6% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  9% { -webkit-transform: translate(0, 0) scale(1) rotate(-6deg); transform: translate(0, 0) scale(1) rotate(-6deg); }
  12% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  15% { -webkit-transform: translate(0, 0) scale(1) rotate(4deg); transform: translate(0, 0) scale(1) rotate(4deg); }
  18% { -webkit-transform: translate(0, 0) scale(1) rotate(-2deg); transform: translate(0, 0) scale(1) rotate(-2deg); }
  21% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  100% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); } }

@keyframes buru2 { 0% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  3% { -webkit-transform: translate(0, 0) scale(1) rotate(7deg); transform: translate(0, 0) scale(1) rotate(7deg); }
  6% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  9% { -webkit-transform: translate(0, 0) scale(1) rotate(-6deg); transform: translate(0, 0) scale(1) rotate(-6deg); }
  12% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  15% { -webkit-transform: translate(0, 0) scale(1) rotate(4deg); transform: translate(0, 0) scale(1) rotate(4deg); }
  18% { -webkit-transform: translate(0, 0) scale(1) rotate(-2deg); transform: translate(0, 0) scale(1) rotate(-2deg); }
  21% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
  100% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); } }

@-webkit-keyframes fuwa2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -webkit-transform: translate(0, -5%); transform: translate(0, -5%); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

@keyframes fuwa2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -webkit-transform: translate(0, -5%); transform: translate(0, -5%); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

/*
--------------------------------------------------------------
 Movie
--------------------------------------------------------------
*/
#dead-sea .sec-movie { background-color: #d2e7e4; background-position: center top; background-repeat: no-repeat; background-size: cover; }

#dead-sea .sec-movie__inner { line-height: 0; margin: 0 auto; }

#dead-sea .sec-movie__title { line-height: 0; }

#dead-sea .sec-movie .bg { position: absolute; }

#dead-sea .sec-movie .bg img { position: absolute; }

#dead-sea .sec-movie__video { background-color: #fff; line-height: 0; }

#dead-sea .sec-movie__video img { width: 100%; }

@media screen and (max-width: 767px) { #dead-sea .sec-movie { background-image: url("../../images/dead-sea-minerals/movie_bg_sp.png"); }
  #dead-sea .sec-movie__inner { padding-bottom: 15.625vw; padding-top: 11.71875vw; width: 93.75vw; } }

@media screen and (min-width: 768px) { #dead-sea .sec-movie { background-image: url("../../images/dead-sea-minerals/movie_bg.png"); }
  #dead-sea .sec-movie__inner { margin-bottom: 84px; max-width: 1160px; padding: 0 20px; padding-top: 105px; }
  #dead-sea .sec-movie__video { margin-bottom: 126px; } }

/*
--------------------------------------------------------------
 Bottom Button
--------------------------------------------------------------
*/
#dead-sea .sec-bottom { -webkit-box-sizing: border-box; background-color: #fff; box-sizing: border-box; }

@media screen and (max-width: 767px) { #dead-sea .sec-bottom { padding: 12.5vw 0 5.3125vw; }
  #dead-sea .sec-bottom__inner { margin: 0 auto; width: 93.75vw; } }

@media screen and (min-width: 768px) { #dead-sea .sec-bottom { padding: 110px 0 30px 0; } }