@charset "UTF-8";
/*
--------------------------------------------------------------
 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; }

/*
--------------------------------------------------------------
 Setting Import
--------------------------------------------------------------
*/
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; }

@media screen and (min-width: 768px) { .sp-disp, .pcsmall-disp { display: none !important; } }

@media screen and (max-width: 767px) { .pc-disp, .pcsmall-disp { display: none !important; } }

@media screen and (max-width: 1000px) { .pcsmall-nondisp { display: none !important; }
  .pcsmall-disp { display: inline !important; } }

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

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: #64a49f; color: #fff; }

::selection { background: #64a49f; color: #fff; }

::-moz-selection { background: #64a49f; color: #fff; }

.siteHeader { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background: #fff; border-bottom: solid 2px #000; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; line-height: 0; position: relative; z-index: 1000; }

#dsmHairCare { background: #fff; color: #000; font-family: 'Noto Sans JP',Noto Sans Japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; font-weight: 400; }

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

#dsmHairCare a { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-delay: 0s; transition-duration: 0.6s; transition-timing-function: ease; }

#dsmHairCare a img { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-delay: 0s; transition-duration: 0.6s; transition-timing-function: ease; }

#dsmHairCare a:hover { opacity: 0.6; }

@media screen and (min-width: 768px) { #dsmHairCare .notes { font-size: 13px; line-height: 2.15385; } }

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

.section::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 767px) { .siteHeader { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; border-bottom-width: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 14.25781vw; justify-content: center; }
  .siteHeader .sitelogo { line-height: 0; }
  .siteHeader .sitelogo .lalineLogo { height: 9.27734vw; width: auto; }
  .section { width: 100%; } }

@media screen and (min-width: 768px) { .siteHeader { height: 78px; }
  .siteHeader .sitelogo .lalineLogo { width: 58px; } }

/*
--------------------------------------------------------------
 Scroll Animation
--------------------------------------------------------------
*/
/*
// Scroll Animation
*/
.js-anim-scroll { -webkit-transform: translate3d(0, 0, 0); -webkit-transition-duration: 1200ms; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; transform: translate3d(0, 0, 0); transition-duration: 1200ms; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); visibility: hidden; }

.js-anim-scroll > img { -webkit-transform: translate3d(0, 0, 0); -webkit-transition-duration: 800ms; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; transform: translate3d(0, 0, 0); transition-duration: 800ms; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); visibility: hidden; }

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

.js-anim-scroll.js-anim-on > img { opacity: 1; visibility: visible; }

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

.js-anim-scroll[data-anim="b-to-t"].js-anim-on { -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: 1000ms; transform: translateY(-30px); transition-duration: 1000ms; }

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

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

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

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

.js-anim-scroll[data-anim="r-to-l"].js-anim-on { -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.js-anim-on, .js-anim-scroll.secTitle.js-anim-scroll.js-anim-on, .js-anim-scroll.secTxt.js-anim-scroll.js-anim-on, .js-anim-scroll .sec-lineup h3.js-anim-scroll.js-anim-on { -ms-transform: translateY(0px); -webkit-filter: brightness(1); -webkit-transform: translateY(0px); filter: brightness(1); transform: translateY(0px); }

#jp-cheryyblossom .highlight.js-anim-scroll { opacity: 1; visibility: visible; }

#jp-cheryyblossom .highlight.js-anim-scroll::before, #jp-cheryyblossom .highlight.js-anim-scroll::after { -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0s; transition-duration: 1s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); width: 0; }

#jp-cheryyblossom .highlight.js-anim-scroll.js-anim-on::before, #jp-cheryyblossom .highlight.js-anim-scroll.js-anim-on::after { opacity: 1; visibility: visible; width: 100%; }

#jp-cheryyblossom .itemlink.js-anim-scroll { opacity: 1; visibility: visible; }

#jp-cheryyblossom .itemlink.js-anim-scroll .itemlink__items-li { -ms-transform: translateY(20%); -webkit-transform: translateY(20%); opacity: 0; transform: translateY(20%); visibility: hidden; will-change: transform, opacity; }

#jp-cheryyblossom .itemlink.js-anim-scroll .itemlink__items-li:nth-child(1) { -webkit-transition-delay: 0.15s; -webkit-transition-duration: 1.4s; -webkit-transition-timing-function: ease; transition-delay: 0.15s; transition-duration: 1.4s; transition-timing-function: ease; }

#jp-cheryyblossom .itemlink.js-anim-scroll .itemlink__items-li:nth-child(2) { -webkit-transition-delay: 0.3s; -webkit-transition-duration: 1.4s; -webkit-transition-timing-function: ease; transition-delay: 0.3s; transition-duration: 1.4s; transition-timing-function: ease; }

#jp-cheryyblossom .itemlink.js-anim-scroll .itemlink__items-li:nth-child(3) { -webkit-transition-delay: 0.45s; -webkit-transition-duration: 1.4s; -webkit-transition-timing-function: ease; transition-delay: 0.45s; transition-duration: 1.4s; transition-timing-function: ease; }

#jp-cheryyblossom .itemlink.js-anim-scroll .itemlink__items-li:nth-child(4) { -webkit-transition-delay: 0.6s; -webkit-transition-duration: 1.4s; -webkit-transition-timing-function: ease; transition-delay: 0.6s; transition-duration: 1.4s; transition-timing-function: ease; }

#jp-cheryyblossom .itemlink.js-anim-scroll .itemlink__items-li:nth-child(5) { -webkit-transition-delay: 0.75s; -webkit-transition-duration: 1.4s; -webkit-transition-timing-function: ease; transition-delay: 0.75s; transition-duration: 1.4s; transition-timing-function: ease; }

#jp-cheryyblossom .itemlink.js-anim-scroll .itemlink__items-li:nth-child(6) { -webkit-transition-delay: 0.9s; -webkit-transition-duration: 1.4s; -webkit-transition-timing-function: ease; transition-delay: 0.9s; transition-duration: 1.4s; transition-timing-function: ease; }

#jp-cheryyblossom .itemlink.js-anim-scroll .itemlink__items-li:nth-child(7) { -webkit-transition-delay: 1.05s; -webkit-transition-duration: 1.4s; -webkit-transition-timing-function: ease; transition-delay: 1.05s; transition-duration: 1.4s; transition-timing-function: ease; }

#jp-cheryyblossom .itemlink.js-anim-scroll .itemlink__items-li:nth-child(8) { -webkit-transition-delay: 1.2s; -webkit-transition-duration: 1.4s; -webkit-transition-timing-function: ease; transition-delay: 1.2s; transition-duration: 1.4s; transition-timing-function: ease; }

#jp-cheryyblossom .itemlink.js-anim-scroll .itemlink__items-li:nth-child(9) { -webkit-transition-delay: 1.35s; -webkit-transition-duration: 1.4s; -webkit-transition-timing-function: ease; transition-delay: 1.35s; transition-duration: 1.4s; transition-timing-function: ease; }

#jp-cheryyblossom .itemlink.js-anim-scroll .itemlink__items-li:nth-child(10) { -webkit-transition-delay: 1.5s; -webkit-transition-duration: 1.4s; -webkit-transition-timing-function: ease; transition-delay: 1.5s; transition-duration: 1.4s; transition-timing-function: ease; }

#jp-cheryyblossom .itemlink.js-anim-scroll.js-anim-on .itemlink__items-li { -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; transform: translateY(0); visibility: visible; }

#jp-cheryyblossom .setbox.js-anim-scroll .setbox__bg img { -ms-transform: rotate(20deg) translateY(2%); -webkit-transform: rotate(20deg) translateY(2%); opacity: 0; transform: rotate(20deg) translateY(2%); visibility: hidden; will-change: transform, opacity; }

#jp-cheryyblossom .setbox.js-anim-scroll .setbox__bg:nth-child(even) img { -ms-transform: rotate(-20deg) translateY(4%); -webkit-transform: rotate(-20deg) translateY(4%); transform: rotate(-20deg) translateY(4%); }

#jp-cheryyblossom .setbox.js-anim-scroll .setbox__bg.setbox__bg--bg1 img { -webkit-transition-delay: 0.25s; -webkit-transition-duration: 1.6s; -webkit-transition-timing-function: ease; transition-delay: 0.25s; transition-duration: 1.6s; transition-timing-function: ease; }

#jp-cheryyblossom .setbox.js-anim-scroll .setbox__bg.setbox__bg--bg2 img { -webkit-transition-delay: 0.5s; -webkit-transition-duration: 1.6s; -webkit-transition-timing-function: ease; transition-delay: 0.5s; transition-duration: 1.6s; transition-timing-function: ease; }

#jp-cheryyblossom .setbox.js-anim-scroll .setbox__bg.setbox__bg--bg3 img { -webkit-transition-delay: 0.75s; -webkit-transition-duration: 1.6s; -webkit-transition-timing-function: ease; transition-delay: 0.75s; transition-duration: 1.6s; transition-timing-function: ease; }

#jp-cheryyblossom .setbox.js-anim-scroll .setbox__bg.setbox__bg--bg4 img { -webkit-transition-delay: 1s; -webkit-transition-duration: 1.6s; -webkit-transition-timing-function: ease; transition-delay: 1s; transition-duration: 1.6s; transition-timing-function: ease; }

#jp-cheryyblossom .setbox.js-anim-scroll.js-anim-on .setbox__bg img { -ms-transform: rotate(0deg) translateY(0); -webkit-transform: rotate(0deg) translateY(0); opacity: 1; transform: rotate(0deg) translateY(0); visibility: visible; }

/*
--------------------------------------------------------------
 Footer
--------------------------------------------------------------
*/
.sec-footer { background: #FFF; height: auto; max-width: 100%; z-index: 50; }

.sec-footer a { -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease; transition-duration: 500ms; transition-timing-function: ease; }

.sec-footer a:hover { opacity: 0.6; }

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

.sec-footer .secInner .bnrList { display: -webkit-box; display: -ms-flexbox; display: flex; }

.sec-footer .secInner .bnrList li a { display: block; line-height: 0; }

.sec-footer .secInner .bnrList li a img { height: auto; width: 100%; }

.sec-footer .secInner .footNavigation { font-family: "slabo 27px",noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; }

.sec-footer .secInner .footNavigation .navTitle { font-family: 'Noto Serif JP', serif; font-weight: 500; letter-spacing: .1rem; text-align: center; }

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

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

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

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

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

@media screen and (max-width: 767px) { .sec-footer { padding: 9.47266vw 2.92969vw 0vw 2.92969vw; }
  .sec-footer .secInner { margin: 0; width: 100%; }
  .sec-footer .secInner .btn-allitem { margin-bottom: 10.54688vw; }
  .sec-footer .secInner .bnrList { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 4.88281vw; }
  .sec-footer .secInner .bnrList li { margin-bottom: 4.29688vw; width: 100%; }
  .sec-footer .secInner .footNavigation { margin-bottom: 4.29688vw; }
  .sec-footer .secInner .footNavigation .navTitle { border-bottom: solid 0.19531vw #000; border-top: solid 0.58594vw #000; font-size: 4.6875vw; line-height: 14.0625vw; margin-bottom: 8.30078vw; }
  .sec-footer .secInner .footNavigation .navTitle img { height: 13.67188vw; width: auto; }
  .sec-footer .secInner .footNavigation .navChildren .navChild { -ms-flex-line-pack: start; align-content: flex-start; width: 50%; }
  .sec-footer .secInner .footNavigation .navChildren .navChild:nth-child(2) { padding-left: 4.10156vw; }
  .sec-footer .secInner .footNavigation .navChildren .navChild .navTitleSub { font-size: 3.90625vw; margin-bottom: 6.83594vw; }
  .sec-footer .secInner .footNavigation .navChildren .navChild .navList { font-size: 3.125vw; margin-bottom: 2.92969vw; width: 100%; }
  .sec-footer .secInner .footNavigation .navChildren .navChild .navList li { margin-bottom: 2.92969vw; white-space: nowrap; width: 100%; }
  .sec-footer .footLogo img { height: 14.16016vw; width: auto; }
  .sec-footer .footLogo .lalineLogo { height: 14.16016vw; width: auto; } }

@media screen and (min-width: 768px) { .sec-footer { padding-top: 93px; }
  .sec-footer .secInner { max-width: 1160px; padding-left: 20px; padding-right: 20px; width: 100%; }
  .sec-footer .secInner .btn-allitem { margin-bottom: 85px; }
  .sec-footer .secInner .bnrList { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 74px; }
  .sec-footer .secInner .bnrList li { width: 100%; }
  .sec-footer .secInner .footNavigation { font-weight: 500; margin-bottom: 70px; }
  .sec-footer .secInner .footNavigation .navTitle { border-bottom: solid 1px #000; border-top: solid 2px #000; font-size: 24px; line-height: 65px; margin-bottom: 50px; }
  .sec-footer .secInner .footNavigation .navTitle img { width: auto; }
  .sec-footer .secInner .footNavigation .navChildren { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
  .sec-footer .secInner .footNavigation .navChildren .navChild { width: 50%; }
  .sec-footer .secInner .footNavigation .navChildren .navChild .navTitleSub { font-size: 18px; margin-bottom: 38px; width: 100%; }
  .sec-footer .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: 200px; max-width: 540px; width: 100%; }
  .sec-footer .secInner .footNavigation .navChildren .navChild .navList li { line-height: 1; margin-bottom: 19px; max-width: 270px; width: 45%; }
  .sec-footer .secInner .footNavigation .navChildren .navChild .navList li:nth-child(n+6) { float: right; }
  .sec-footer .secInner .footNavigation .navChildren .navChild.navRight .navList { max-height: 200px; }
  .sec-footer .footLogo img { width: 90px; }
  .sec-footer .footLogo .lalineLogo { height: auto; 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; }

@media screen and (max-width: 767px) { #copyright { float: none; font-size: 10px; font-size: 2.14844vw; line-height: 170%; margin-right: 0; white-space: nowrap; } }

/*----// Button //----*/
/*
--------------------------------------------------------------
 Decoration
--------------------------------------------------------------
*/
#dsmHairCare .highlight { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; }

#dsmHairCare .highlight:before, #dsmHairCare .highlight::after { background: #f1dcde; bottom: 0; height: 0.97656vw; left: 0; position: absolute; width: 100%; z-index: -1; }

#dsmHairCare .highlight:before { content: ''; height: 1.46484vw; }

@media screen and (min-width: 768px) { #dsmHairCare .highlight:before { bottom: 20%; height: 8px; } }

@media screen and (max-width: 767px) { #dsmHairCare .notes { font-size: 2.34375vw; line-height: 1.40417; } }

#dsmHairCare .lp-btn { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; margin: 0 auto; overflow: hidden; /* &:before { content: ''; position: absolute; top: -50px; left: -50px; width: 50px; height: 50px; background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%); will-change: transform, opacity; animation-name: shiny; animation-duration: 6s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; z-index: 2; } */ position: relative; }

#dsmHairCare .lp-btn:hover { opacity: .7; }

@-webkit-keyframes fadeStars { 0% {
    -webkit-transform: scale(0.6); opacity: 0;
            transform: scale(0.6);
    visibility: hidden; }
  5%, 45% {
    -webkit-transform: scale(1.1); opacity: 1;
            transform: scale(1.1);
    visibility: visible; }
  15%, 40%, 55%, 70%, 100% {
    -webkit-transform: scale(0.4); opacity: 0;
            transform: scale(0.4);
    visibility: hidden; }
  60% {
    -webkit-transform: scale(1.2); opacity: .8;
            transform: scale(1.2);
    visibility: visible; } }

@keyframes fadeStars { 0% {
    -webkit-transform: scale(0.6); opacity: 0;
            transform: scale(0.6);
    visibility: hidden; }
  5%, 45% {
    -webkit-transform: scale(1.1); opacity: 1;
            transform: scale(1.1);
    visibility: visible; }
  15%, 40%, 55%, 70%, 100% {
    -webkit-transform: scale(0.4); opacity: 0;
            transform: scale(0.4);
    visibility: hidden; }
  60% {
    -webkit-transform: scale(1.2); opacity: .8;
            transform: scale(1.2);
    visibility: visible; } }

/*
--------------------------------------------------------------
 Hero
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Main Visual
--------------------------------------------------------------
*/
@-webkit-keyframes imgFuwa2_sp { 0% { -webkit-transform: translate(0, 0px) rotate(0deg); transform: translate(0, 0px) rotate(0deg); }
  20% { -webkit-transform: translate(0, 5%) rotate(0deg); transform: translate(0, 5%) rotate(0deg); }
  40% { -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); }
  20% { -webkit-transform: translate(0, 5%) rotate(0deg); transform: translate(0, 5%) rotate(0deg); }
  40% { -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 { 50% { -webkit-transform: translate(0, -5%); transform: translate(0, -5%); } }

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

@-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); } }

.sec-hero { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; overflow: visible; z-index: 60; }

.sec-hero img { display: block; height: auto; line-height: 0; width: 100%; }

.sec-hero__inner { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; }

@media screen and (max-width: 767px) { .sec-hero__inner { height: inherit; } }

@media screen and (min-width: 768px) { .sec-hero { width: 100%; } }

.sec-hero__fig { position: relative; }

/*
--------------------------------------------------------------
 Concept
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Concept Area
--------------------------------------------------------------
*/
#dsmHairCare .sec-concept { background: #fff center bottom no-repeat; background-size: cover; }

#dsmHairCare .sec-concept__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 1036px; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-concept { background-color: #f7f8f9; background-image: url("../../../images/dead-sea-minerals/haircare/concept_bg_sp.jpg"); background-size: contain; padding: 12.69531vw 8.49609vw 11.23047vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-concept { background-image: url("../../../images/dead-sea-minerals/haircare/concept_bg.jpg"); padding: 140px 20px 154px; } }

#dsmHairCare .sec-concept__title { color: #0f7279; font-family: 'Noto Serif JP', serif; font-weight: 700; letter-spacing: 0.05rem; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-concept__title { font-size: 4.39453vw; line-height: 1.66667; margin-bottom: 8.39844vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-concept__title { font-size: 25px; letter-spacing: 0.20rem; line-height: 2; margin-bottom: 45px; } }

#dsmHairCare .sec-concept__box { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; position: relative; }

#dsmHairCare .sec-concept__box::before, #dsmHairCare .sec-concept__box::after { background: no-repeat center top; background-size: cover; content: ""; display: block; left: 0; position: absolute; width: 100%; z-index: 1; }

#dsmHairCare .sec-concept__box::before { background-position: 0 0; top: 0; }

#dsmHairCare .sec-concept__box::after { background-position: 0 bottom; bottom: 0; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-concept__box { background-image: url("../../../images/dead-sea-minerals/haircare/concept_box-bg_sp.png"); background-size: cover; height: 149.41406vw; padding: 14.16016vw 0 12.20703vw; }
  #dsmHairCare .sec-concept__box::before, #dsmHairCare .sec-concept__box::after { display: none; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-concept__box { background-color: #fff; max-width: 996px; padding: 50px 20px 54px; }
  #dsmHairCare .sec-concept__box::before, #dsmHairCare .sec-concept__box::after { background-image: url("../../../images/dead-sea-minerals/haircare/concept_box-bg.png"); }
  #dsmHairCare .sec-concept__box::before { height: 120px; }
  #dsmHairCare .sec-concept__box::after { height: 120px; } }

#dsmHairCare .sec-concept__boxText { font-weight: 700; letter-spacing: 0.05rem; position: relative; z-index: 2; }

#dsmHairCare .sec-concept__boxText:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-concept__boxText { font-size: 3.22266vw; line-height: 1.90909; margin-bottom: 5.85938vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-concept__boxText { font-size: 18px; line-height: 1.72222; margin-bottom: 30px; } }

/*
--------------------------------------------------------------
 Concept/Fragrance
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Fragrance Area
--------------------------------------------------------------
*/
#dsmHairCare .sec-fragrance { background: no-repeat center top; background-attachment: fixed; margin: 0 auto; }

#dsmHairCare .sec-fragrance__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; position: relative; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-fragrance { -webkit-box-sizing: border-box; background-size: cover; box-sizing: border-box; padding-bottom: 12.40234vw; padding-top: 10.44922vw; }
  #dsmHairCare .sec-fragrance__inner { width: 78.125vw; }
  #dsmHairCare .sec-fragrance::before { background-image: url("../../../images/dead-sea-minerals/haircare/fragrance_bg_sp.png"); background-size: cover; content: ""; height: 100vh; height: 100%; left: 0; position: absolute; top: 0; width: 100vw; z-index: -1; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-fragrance { -webkit-box-sizing: border-box; background-image: url("../../../images/dead-sea-minerals/haircare/fragrance_bg.png"); background-size: cover; box-sizing: border-box; padding-bottom: 88px; padding-top: 84px; }
  #dsmHairCare .sec-fragrance__inner { max-width: 840px; } }

#dsmHairCare .fragrance-box { -webkit-box-sizing: border-box; background-color: #fff; border: solid #c4c0a5; box-sizing: border-box; height: auto; margin: 0 auto; position: relative; width: 100%; }

#dsmHairCare .fragrance-box:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) { #dsmHairCare .fragrance-box { border-width: 0.97656vw; margin-bottom: 9.57031vw; padding: 11.71875vw 0 12.69531vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .fragrance-box { border-width: 7px; margin-bottom: 32px; max-width: 800px; padding: 60px 20px; } }

@media screen and (min-width: 768px) { #dsmHairCare .fragrance-box--ingredients .fragrance-box__title img { height: 62px; } }

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

@media screen and (max-width: 767px) { #dsmHairCare .fragrance-box__inner { padding: 0 4.88281vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .fragrance-box__inner { margin: 0 auto; } }

#dsmHairCare .fragrance-box__title { line-height: 0; }

@media screen and (max-width: 767px) { #dsmHairCare .fragrance-box__title { margin-bottom: 6.25vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .fragrance-box__title { margin-bottom: 25px; }
  #dsmHairCare .fragrance-box__title img { height: 54px; } }

#dsmHairCare .fragrance-box__text { font-weight: 500; }

@media screen and (max-width: 767px) { #dsmHairCare .fragrance-box__text { font-size: 3.22266vw; letter-spacing: -.05rem; line-height: 1.90909; margin: 0 auto; margin-bottom: 7.32422vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .fragrance-box__text { font-size: 16px; line-height: 1.9375; margin-bottom: 40px; } }

#dsmHairCare .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; }

@media screen and (max-width: 767px) { #dsmHairCare .fragrance-box__items { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 54.6875vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .fragrance-box__items { max-width: 632px; } }

#dsmHairCare .fragrance-box__item { -ms-flex-align: center; -ms-flex-direction: column; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; line-height: 0; position: relative; }

@media screen and (max-width: 767px) { #dsmHairCare .fragrance-box__item { -ms-flex-preferred-size: 23.4375vw; flex-basis: 23.4375vw; }
  #dsmHairCare .fragrance-box__item:nth-child(1), #dsmHairCare .fragrance-box__item:nth-child(2) { margin-bottom: 8.78906vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .fragrance-box__item { -ms-flex-preferred-size: 130px; flex-basis: 130px; } }

#dsmHairCare .fragrance-box__item img { height: auto !important; width: 100% !important; }

#dsmHairCare .fragrance-box__item .thumb { margin-bottom: 3.90625vw; }

@media screen and (min-width: 768px) { #dsmHairCare .fragrance-box__item .thumb { margin-bottom: 22px; } }

#dsmHairCare .fragrance-box__item .name { font-size: 2.44141vw; line-height: 1; margin: 0 auto; }

@media screen and (min-width: 768px) { #dsmHairCare .fragrance-box__item .name { font-size: 14px; line-height: 24px; } }

#dsmHairCare .fragrance-box__fig { margin: 0 auto; }

#dsmHairCare .fragrance-box__fig img { height: auto; width: 100%; }

@media screen and (max-width: 767px) { #dsmHairCare .fragrance-box__fig { width: 48.14453vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .fragrance-box__fig { width: 48.25737%; } }

/*
--------------------------------------------------------------
 Lineup
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Lineup Area
--------------------------------------------------------------
*/
#dsmHairCare .sec-lineup { background-color: #94c0bd; overflow: visible; z-index: 49; }

@media screen and (min-width: 768px) { #dsmHairCare .sec-lineup { padding-top: 80px; } }

#dsmHairCare .sec-lineup__header { background-color: #94c0bd; }

#dsmHairCare .sec-lineup__headerInner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-lineup__header { padding: 19.14063vw 0 0; }
  #dsmHairCare .sec-lineup__headerInner { width: 83.00781vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-lineup__headerInner { max-width: 1040px; padding: 0 20px; } }

#dsmHairCare .sec-lineup__title { line-height: 0; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-lineup__title { margin-bottom: 5.56641vw; }
  #dsmHairCare .sec-lineup__title img { height: auto; width: 100%; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-lineup__title { margin-bottom: 43px; }
  #dsmHairCare .sec-lineup__title img { height: 54px; width: auto; } }

#dsmHairCare .sec-lineup__items { background-attachment: fixed; background-image: url("../../../images/dead-sea-minerals/haircare/lineup_bg.png"); background-size: cover; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-lineup__items { background-image: none; padding-bottom: 11.32813vw; }
  #dsmHairCare .sec-lineup__items::before { background-image: url("../../../images/dead-sea-minerals/haircare/lineup_bg.png"); background-size: cover; content: ""; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: -1; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-lineup__items { padding: 120px 0; } }

#dsmHairCare .sec-lineup__itemsInner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }

@media screen and (min-width: 768px) { #dsmHairCare .sec-lineup__itemsInner { max-width: 1040px; padding: 0 20px; } }

/*
--------------------------------------------------------------
 Item Anker Link
--------------------------------------------------------------
*/
@-webkit-keyframes arrowFuwa2 { 25% { -webkit-transform: translate(-50%, 20%); transform: translate(-50%, 20%); }
  50% { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } }
@keyframes arrowFuwa2 { 25% { -webkit-transform: translate(-50%, 20%); transform: translate(-50%, 20%); }
  50% { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } }

#dsmHairCare .itemlink__title { color: #fff; font-family: 'Noto Serif JP', serif; font-weight: 700; letter-spacing: 0.05rem; line-height: 1; position: relative; }

#dsmHairCare .itemlink__title span { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: #94c0bd; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 100%; justify-content: center; position: relative; z-index: 2; }

#dsmHairCare .itemlink__title::before { background-color: #fff; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%; z-index: 1; }

@media screen and (max-width: 767px) { #dsmHairCare .itemlink__title { font-size: 3.41797vw; height: 3.41797vw; margin-bottom: 6.83594vw; }
  #dsmHairCare .itemlink__title span { padding: 0 8.30078vw; }
  #dsmHairCare .itemlink__title::before { top: 1.66016vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .itemlink__title { font-size: 25px; height: 25px; margin-bottom: 44px; }
  #dsmHairCare .itemlink__title span { padding: 0 44px; }
  #dsmHairCare .itemlink__title::before { top: 12px; } }

#dsmHairCare .itemlink__items { -ms-flex-pack: center; -ms-flex-wrap: wrap; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; }

@media screen and (max-width: 767px) { #dsmHairCare .itemlink__items { margin-bottom: 0.68359vw; width: 59.76563vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .itemlink__items { margin-bottom: 66px; max-width: 760px; } }

@media screen and (max-width: 767px) { #dsmHairCare .itemlink__items-li { -ms-flex-preferred-size: 24.41406vw; flex-basis: 24.41406vw; margin: 0 2.73438vw 10.74219vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .itemlink__items-li { -ms-flex-preferred-size: 160px; flex-basis: 160px; margin: 0 15px; } }

#dsmHairCare .itemlink__items-liText { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); color: #fff; left: 50%; position: absolute; transform: translateX(-50%); white-space: nowrap; }

@media screen and (max-width: 767px) { #dsmHairCare .itemlink__items-liText { font-size: 2.92969vw; line-height: 1.66667; top: 26.26953vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .itemlink__items-liText { font-size: 20px; top: 180px; } }

#dsmHairCare .itemlink__items-liArrow { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; bottom: 0; display: block; left: 50%; position: absolute; transform: translateX(-50%); transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; will-change: transform; }

#dsmHairCare .itemlink__items-liArrow::before { -ms-transform: rotate(45deg) translate(-15%, -15%); -webkit-transform: rotate(45deg) translate(-15%, -15%); border-bottom: 1px solid #fff; border-right: 1px solid #fff; content: ""; display: block; height: inherit; transform: rotate(45deg) translate(-15%, -15%); width: inherit; }

@media screen and (max-width: 767px) { #dsmHairCare .itemlink__items-liArrow { height: 3.51563vw; width: 3.51563vw; }
  #dsmHairCare .itemlink__items-liArrow::before { border-width: 0.19531vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .itemlink__items-liArrow { height: 36px; width: 36px; }
  #dsmHairCare .itemlink__items-liArrow::before { border-width: 2px; } }

#dsmHairCare .itemlink__items-li a { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; overflow: visible; padding-bottom: 10.83984vw; position: relative; }

@media screen and (min-width: 768px) { #dsmHairCare .itemlink__items-li a { padding-bottom: 90px; } }

#dsmHairCare .itemlink__items-li a img { height: auto; width: 100%; }

#dsmHairCare .itemlink__items-li a img:nth-child(2) { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; position: absolute; transform: translateX(-50%); }

@media screen and (max-width: 767px) { #dsmHairCare .itemlink__items-li a img:nth-child(2) { height: 6.25vw !important; top: 15.91797vw; } }

#dsmHairCare .itemlink__items-li a:hover { opacity: 1; }

#dsmHairCare .itemlink__items-li a:hover .itemlink__items-liArrow { -webkit-animation: arrowFuwa2 1s linear infinite; animation: arrowFuwa2 1s linear infinite; }

@media screen and (max-width: 767px) { #dsmHairCare .itemlink--set .itemlink__items-li a { padding-bottom: 17.38281vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .itemlink--set .itemlink__items-li a { padding-bottom: 120px; } }

/*
--------------------------------------------------------------
 Lineup Box
--------------------------------------------------------------
*/
#dsmHairCare .lpbox { position: relative; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox { margin-top: -14.84375vw; padding-top: 14.84375vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox { margin-top: -80px; padding-top: 80px; } }

#dsmHairCare .lpbox__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: 100%; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__inner { padding-top: 14.84375vw; width: 83.00781vw; } }

#dsmHairCare .lpbox__wrap { background-color: #fff; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__wrap { margin-bottom: 9.76563vw; padding: 7.32422vw 7.32422vw 10.9375vw; }
  #dsmHairCare .lpbox__wrap:last-child { margin-bottom: 0; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__wrap { margin-bottom: 55px; padding: 100px; } }

#dsmHairCare .lpbox__item { position: relative; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__item { margin-bottom: 17.38281vw; margin-top: -7.32422vw; padding-top: 7.32422vw; }
  #dsmHairCare .lpbox__item:last-child { margin-bottom: 0; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__item { margin-bottom: 100px; margin-top: -80px; padding-top: 80px; }
  #dsmHairCare .lpbox__item:last-child { margin-bottom: 0; } }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__flex { position: relative; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__flex { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; } }

#dsmHairCare .lpbox__fig { line-height: 0; }

#dsmHairCare .lpbox__fig a { display: block; width: 100%; }

#dsmHairCare .lpbox__fig a img { height: auto !important; width: 100% !important; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__fig { display: block; margin-bottom: 5.17578vw; width: 100%; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__fig { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; width: 50%; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__txtarea { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; margin-left: auto; order: 1; width: 46.25%; } }

#dsmHairCare .lpbox__name { font-family: 'Noto Serif JP', serif; font-weight: 700; letter-spacing: 0.05rem; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__name { font-size: 4.19922vw; letter-spacing: -.06rem; line-height: 1.46512; margin-bottom: 1.17188vw; white-space: nowrap; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__name { font-size: 20px; font-weight: 700; letter-spacing: -.04rem; line-height: 36px; margin-bottom: 1.35135%; } }

#dsmHairCare .lpbox__summary { letter-spacing: -.03rem; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__summary { font-size: 2.34375vw; letter-spacing: -.05rem; line-height: 2; margin-bottom: 4.88281vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__summary { font-size: 12px; line-height: 1.91667; margin-bottom: 5.40541%; }
  #dsmHairCare .lpbox__summary--howto { margin-bottom: 6.75676%; } }

#dsmHairCare .lpbox__summary--links li a { border-bottom: 1px solid #000; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__summary--links { margin-bottom: caclVw(45); }
  #dsmHairCare .lpbox__summary--links li { padding-top: 1.36719vw; }
  #dsmHairCare .lpbox__summary--links li a { padding-bottom: 0.48828vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__summary--links { margin-bottom: 30px; }
  #dsmHairCare .lpbox__summary--links li { padding-top: 6px; }
  #dsmHairCare .lpbox__summary--links li a { padding-bottom: 2px; } }

#dsmHairCare .lpbox .btn-detail { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: #dcba4c; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; justify-content: center; letter-spacing: .1rem; margin: 0 auto; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox .btn-detail { font-size: 2.92969vw; height: 6.83594vw; white-space: nowrap; width: 39.0625vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox .btn-detail { font-size: 16px; font-weight: 700; height: 50px; width: 200px; } }

#dsmHairCare .lpbox .btn-detail .arrow { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; display: block; height: 2.34375vw; line-height: 0; position: absolute; top: 50%; transform: translateY(-50%); transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; width: 2.14844vw; }

#dsmHairCare .lpbox .btn-detail .arrow .btnArrow { fill: rgba(255, 255, 255, 0); stroke: #fff; width: inherit; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox .btn-detail .arrow { right: 2.83203vw; }
  #dsmHairCare .lpbox .btn-detail .arrow img { height: 2.83203vw; width: 2.53906vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox .btn-detail .arrow { height: 11px; right: 12px; width: 10px; } }

#dsmHairCare .lpbox .btn-detail:hover .arrow { -ms-transform: translate(30%, -50%); -webkit-transform: translate(30%, -50%); transform: translate(30%, -50%); }

#dsmHairCare .lpbox__price { font-family: 'Noto Serif JP', serif; letter-spacing: 0.05rem; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__price { -ms-flex-align: baseline; -ms-flex-pack: center; -webkit-box-align: baseline; -webkit-box-pack: center; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 3.41797vw; justify-content: center; margin-bottom: 4.19922vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__price { -ms-flex-align: baseline; -ms-flex-pack: center; -webkit-box-align: baseline; -webkit-box-pack: center; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; justify-content: center; margin-bottom: 5.40541%; } }

#dsmHairCare .lpbox__priceSize { font-weight: 400; }

#dsmHairCare .lpbox__priceSize::after { content: " / "; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__priceSize::after { padding-right: 0.97656vw; } }

#dsmHairCare .lpbox__pricePrice { font-weight: 400; letter-spacing: .02rem; }

#dsmHairCare .lpbox__pricePrice .yen { font-size: 4.19922vw; }

#dsmHairCare .lpbox__pricePrice .val { font-size: 4.19922vw; font-weight: 700; }

#dsmHairCare .lpbox__pricePrice .tax { margin-left: 0.97656vw; }

#dsmHairCare .lpbox__pricePrice--before { padding: 0 2%; position: relative; }

#dsmHairCare .lpbox__pricePrice--before::after { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); border-top: 1px solid #ff1414; content: ""; height: 1px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__pricePrice--before .yen, #dsmHairCare .lpbox__pricePrice--before .val { font-size: 3.22266vw; } }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__pricePriceArrow { padding: 0 0.97656vw 0 1.36719vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__pricePriceArrow { padding: 0 10px; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__priceSize { padding-right: 7px; white-space: nowrap; }
  #dsmHairCare .lpbox__pricePrice { margin-right: 10px; white-space: nowrap; }
  #dsmHairCare .lpbox__pricePrice .yen { font-size: 25px; }
  #dsmHairCare .lpbox__pricePrice .val { font-size: 25px; }
  #dsmHairCare .lpbox__pricePrice .tax { margin-left: 5px; }
  #dsmHairCare .lpbox__pricePrice--before { margin-bottom: 10px; margin-right: 0; }
  #dsmHairCare .lpbox__pricePrice--before .yen, #dsmHairCare .lpbox__pricePrice--before .val { font-size: 20px; } }

#dsmHairCare .point { text-align: left; }

@media screen and (max-width: 767px) { #dsmHairCare .point { margin: 0 auto; margin-bottom: 4.88281vw; width: 34.47266vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .point { margin-bottom: 6.75676%; } }

#dsmHairCare .point__items { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; }

@media screen and (max-width: 767px) { #dsmHairCare .point__items { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } }

#dsmHairCare .point__items-li img { height: auto; width: 100%; }

@media screen and (max-width: 767px) { #dsmHairCare .point__items-li { -ms-flex-preferred-size: 9.76563vw; flex-basis: 9.76563vw; }
  #dsmHairCare .point__items-li img { height: auto; width: 100%; } }

@media screen and (min-width: 768px) { #dsmHairCare .point__items-li { -ms-flex-preferred-size: 58px; flex-basis: 58px; margin: 0 2.16216%; } }

#dsmHairCare .lpbox__item:nth-child(even) .lpbox__fig { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }

#dsmHairCare .lpbox__item:nth-child(even) .lpbox__txtarea { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__item:nth-child(even) .lpbox__fig { margin-left: auto; width: 47.36211%; }
  #dsmHairCare .lpbox__item:nth-child(even) .lpbox__txtarea { margin-left: 0; margin-right: 3.59712%; width: 48.80096%; } }

@media screen and (max-width: 767px) { #dsmHairCare .lpbox__item.item2 .lpbox__label img { height: 17.87109vw; }
  #dsmHairCare .lpbox__item.item3 .lpbox__label img { height: 17.87109vw; }
  #dsmHairCare .lpbox__item.item5 .lpbox__label img { height: 17.87109vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .lpbox__item.item5 .prodSize { width: 80px; } }

/*
--------------------------------------------------------------
 Campaign
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Campaign Area
--------------------------------------------------------------
*/
#jp-cheryyblossom .sec-campaign__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 1090px; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-campaign { margin-top: -7.8125vw; padding-bottom: 29.29688vw; padding-top: 16.60156vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign { margin-top: -80px; padding-bottom: 308px; padding-top: 80px; }
  #jp-cheryyblossom .sec-campaign__inner { padding: 0 20px; } }

#jp-cheryyblossom .sec-campaign__title { line-height: 0; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-campaign__title { margin-bottom: 11.71875vw; }
  #jp-cheryyblossom .sec-campaign__title img { height: 5.56641vw; width: auto; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign__title { margin-bottom: 90px; } }

#jp-cheryyblossom .sec-campaign .cpbox { border: solid 0.58594vw #ff7b80; border-top: none; padding-bottom: 8.78906vw; position: relative; }

#jp-cheryyblossom .sec-campaign .cpbox::before, #jp-cheryyblossom .sec-campaign .cpbox::after { border-top: solid 0.58594vw #ff7b80; content: ""; display: block; position: absolute; top: 0; width: 24.90234vw; }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox::before, #jp-cheryyblossom .sec-campaign .cpbox::after { border-width: 3px; top: -3px; width: calc( 50% - 150px); } }

#jp-cheryyblossom .sec-campaign .cpbox::before { left: 0; }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox::before { left: -3px; } }

#jp-cheryyblossom .sec-campaign .cpbox::after { right: 0; }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox::after { right: -3px; } }

#jp-cheryyblossom .sec-campaign .cpbox .bg { display: block; left: 50%; position: absolute; top: 50%; z-index: -1; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-campaign .cpbox .bg { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); top: -9.76563vw; transform: translateX(-50%); width: 100%; }
  #jp-cheryyblossom .sec-campaign .cpbox .bg img { height: auto; opacity: .35; width: 100%; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox .bg { -ms-transform: translateX(-50%) translateY(calc( -50% + 30px)); -webkit-transform: translateX(-50%) translateY(calc( -50% + 30px)); transform: translateX(-50%) translateY(calc( -50% + 30px)); } }

#jp-cheryyblossom .sec-campaign .cpbox__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; position: relative; z-index: 5; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-campaign .cpbox { border-left: none; border-right: none; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox { border-width: 3px; margin-bottom: 88px; padding-bottom: 57px; }
  #jp-cheryyblossom .sec-campaign .cpbox__inner { padding: 0 20px; } }

#jp-cheryyblossom .sec-campaign .cpbox__title { -ms-flex-align: center; -ms-transform: translateY(-1.95313vw); -webkit-box-align: center; -webkit-transform: translateY(-1.95313vw); align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 0; margin: 0 auto; margin-bottom: 13.57422vw; text-align: center; transform: translateY(-1.95313vw); }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-campaign .cpbox__title { vertical-align: top; }
  #jp-cheryyblossom .sec-campaign .cpbox__title img { height: 4.39453vw; width: auto; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox__title { -ms-transform: translateY(-11px); -webkit-transform: translateY(-11px); margin-bottom: 63px; padding: 0 60px; transform: translateY(-11px); } }

#jp-cheryyblossom .sec-campaign .cpbox__titleSub { line-height: 0; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-campaign .cpbox__titleSub { margin-bottom: 12.10938vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox__titleSub { margin-bottom: 66px; } }

#jp-cheryyblossom .sec-campaign .cpbox__titleSub-head, #jp-cheryyblossom .sec-campaign .cpbox__titleSub-body { margin: 0 auto; }

#jp-cheryyblossom .sec-campaign .cpbox__titleSub-head { text-align: center; width: 100%; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-campaign .cpbox__titleSub-head { display: block; width: 100%; }
  #jp-cheryyblossom .sec-campaign .cpbox__titleSub-head img { height: 20.80078vw; width: 93.55469vw; } }

#jp-cheryyblossom .sec-campaign .cpbox__text { font-size: 3.90625vw; font-weight: 700; letter-spacing: .1rem; line-height: 2; margin-bottom: 11.23047vw; }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox__text { font-size: 25px; line-height: 1.76; margin-bottom: 51px; } }

#jp-cheryyblossom .sec-campaign .cpbox .highlight { -ms-flex-align: baseline; -webkit-box-align: baseline; align-items: baseline; }

#jp-cheryyblossom .sec-campaign .cpbox .highlight .small { font-size: 70%; margin-bottom: 0; }

#jp-cheryyblossom .sec-campaign .cpbox .highlight::before, #jp-cheryyblossom .sec-campaign .cpbox .highlight::after { background: #ff7b80; height: 1px; }

#jp-cheryyblossom .sec-campaign .cpbox .highlight::before { bottom: 3px; }

#jp-cheryyblossom .sec-campaign .cpbox .highlight::after { bottom: 0; content: ""; }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox .highlight .small { font-size: 70%; }
  #jp-cheryyblossom .sec-campaign .cpbox .highlight::before, #jp-cheryyblossom .sec-campaign .cpbox .highlight::after { height: 2px; }
  #jp-cheryyblossom .sec-campaign .cpbox .highlight::before { bottom: 5px; }
  #jp-cheryyblossom .sec-campaign .cpbox .highlight::after { bottom: -1px; } }

#jp-cheryyblossom .sec-campaign .cpbox__fig { line-height: 0; margin: 0 auto; }

#jp-cheryyblossom .sec-campaign .cpbox__fig img { height: auto !important; width: 100% !important; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-campaign .cpbox__fig { margin-bottom: 10.35156vw; max-width: 83.00781vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox__fig { margin-bottom: 50px; max-width: 636px; } }

#jp-cheryyblossom .sec-campaign .cpbox__date { color: #ff7b80; font-weight: 700; line-height: 1; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-campaign .cpbox__date { margin-bottom: 3.22266vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox__date { font-size: 20px; margin-bottom: 23px; } }

#jp-cheryyblossom .sec-campaign .cpbox .notes { font-size: 3.41797vw; line-height: 1.82857; }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-campaign .cpbox .notes { font-size: 20px; line-height: 1.85; } }

/*
--------------------------------------------------------------
 Fair Area
--------------------------------------------------------------
*/
#jp-cheryyblossom .sec-fair__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 1090px; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair { margin-top: -7.8125vw; padding-bottom: 29.29688vw; padding-top: 22.46094vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair { margin-top: -80px; padding-bottom: 308px; padding-top: 80px; }
  #jp-cheryyblossom .sec-fair__inner { padding: 0 20px; } }

#jp-cheryyblossom .sec-fair__title { font-weight: 700; line-height: 0; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair__title { margin-bottom: 9.76563vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair__title { font-size: 25px; margin-bottom: 52px; } }

#jp-cheryyblossom .sec-fair .cpbox { border: solid 0.58594vw #ff7b80; position: relative; }

#jp-cheryyblossom .sec-fair .cpbox .bg { display: block; left: 50%; position: absolute; top: 50%; z-index: -1; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox .bg { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); top: -14.25781vw; transform: translateX(-50%); width: 100%; }
  #jp-cheryyblossom .sec-fair .cpbox .bg img { height: auto; width: 100%; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox .bg { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); top: -151px; transform: translateX(-50%); } }

#jp-cheryyblossom .sec-fair .cpbox__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; position: relative; z-index: 5; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox { border-left: none; border-right: none; padding-bottom: 8.78906vw; padding-top: 18.26172vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox { border-width: 3px; margin-bottom: 88px; padding-bottom: 57px; padding-top: 80px; }
  #jp-cheryyblossom .sec-fair .cpbox__inner { padding: 0 20px; } }

#jp-cheryyblossom .sec-fair .cpbox__titleSub { line-height: 0; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__titleSub { margin-bottom: 9.57031vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__titleSub { margin-bottom: 52px; } }

#jp-cheryyblossom .sec-fair .cpbox__titleSub-head, #jp-cheryyblossom .sec-fair .cpbox__titleSub-body { margin: 0 auto; }

#jp-cheryyblossom .sec-fair .cpbox__titleSub-head { display: block; text-align: center; width: 100%; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__titleSub-head { display: block; width: 100%; }
  #jp-cheryyblossom .sec-fair .cpbox__titleSub-head img { height: 13.57422vw; width: 88.28125vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__titleSub-head { width: 502px; }
  #jp-cheryyblossom .sec-fair .cpbox__titleSub-head img { height: auto; width: 100%; } }

#jp-cheryyblossom .sec-fair .cpbox__text { font-size: 4.39453vw; font-weight: 700; letter-spacing: .1rem; line-height: 1.77778; margin-bottom: 16.60156vw; }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__text { font-size: 25px; line-height: 1.76; margin-bottom: 94px; } }

#jp-cheryyblossom .sec-fair .cpbox .highlight { -ms-flex-align: baseline; -webkit-box-align: baseline; align-items: baseline; }

#jp-cheryyblossom .sec-fair .cpbox .highlight .small { font-size: 70%; margin-bottom: 0; }

#jp-cheryyblossom .sec-fair .cpbox .highlight::before, #jp-cheryyblossom .sec-fair .cpbox .highlight::after { background: #ff7b80; height: 1px; }

#jp-cheryyblossom .sec-fair .cpbox .highlight::before { bottom: 1.26953vw; }

#jp-cheryyblossom .sec-fair .cpbox .highlight::after { bottom: 0.48828vw; content: ""; }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox .highlight .small { font-size: 70%; }
  #jp-cheryyblossom .sec-fair .cpbox .highlight::before, #jp-cheryyblossom .sec-fair .cpbox .highlight::after { height: 2px; }
  #jp-cheryyblossom .sec-fair .cpbox .highlight::before { bottom: 5px; }
  #jp-cheryyblossom .sec-fair .cpbox .highlight::after { bottom: -1px; } }

#jp-cheryyblossom .sec-fair .cpbox__fair { margin-left: auto; margin-right: auto; }

#jp-cheryyblossom .sec-fair .cpbox__fairHead { margin: 0 auto; }

#jp-cheryyblossom .sec-fair .cpbox__fairHead img { height: auto; width: 100%; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairHead { height: 10.25391vw; margin-bottom: 4.6875vw; width: 47.94922vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairHead { margin-bottom: 36px; width: 273px; } }

#jp-cheryyblossom .sec-fair .cpbox__fairBody { font-weight: 700; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairBody { font-size: 3.51563vw; letter-spacing: .05rem; line-height: 1.66667; margin-bottom: 5.85938vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairBody { font-size: 20px; } }

#jp-cheryyblossom .sec-fair .cpbox__fairBody strong { border-bottom: 1px solid #ff7b80; display: block; margin: 0 auto; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairBody strong { font-size: 4.39453vw; line-height: 1.77778; margin-bottom: 2.44141vw; padding-bottom: 0.48828vw; width: 47.65625vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairBody strong { font-size: 25px; line-height: 1; margin-bottom: 36px; padding-bottom: 13px; width: 273px; } }

#jp-cheryyblossom .sec-fair .cpbox__fairBody small { font-size: 60%; }

#jp-cheryyblossom .sec-fair .cpbox__fairBody2 { border-bottom: 1px solid #ff7b80; font-weight: 700; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairBody2 { font-size: 3.51563vw; line-height: 1.66667; margin-bottom: 3.80859vw; margin-top: 10.74219vw; padding-bottom: 2.63672vw; width: 58.88672vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairBody2 { font-size: 20px; margin-bottom: 22px; padding-bottom: 13px; width: 334px; } }

#jp-cheryyblossom .sec-fair .cpbox__fairBody2 strong { margin: 0 auto; }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairBody2 strong { font-size: 25px; line-height: 1; margin-bottom: 36px; padding-bottom: 13px; width: 273px; } }

#jp-cheryyblossom .sec-fair .cpbox__fairBody2 small { font-weight: 60%; }

#jp-cheryyblossom .sec-fair .cpbox__fairBody2Price { font-weight: 700; }

#jp-cheryyblossom .sec-fair .cpbox__fairBody2Price small { font-size: 70%; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairBody2Price { font-size: 5.27344vw; line-height: 1.77778; margin-bottom: 5.27344vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairBody2Price { font-size: 30px; line-height: 1.8; margin-bottom: 45px; } }

#jp-cheryyblossom .sec-fair .cpbox__fairCalendar { margin: 0 auto; }

#jp-cheryyblossom .sec-fair .cpbox__fairCalendar img { height: auto; width: 100%; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairCalendar { margin-bottom: 18.75vw; width: 86.62109vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairCalendar { margin-bottom: 116px; width: 403px; } }

#jp-cheryyblossom .sec-fair .cpbox__fairNovelty { margin-bottom: 1.26953vw; }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairNovelty { margin-bottom: 50px; } }

#jp-cheryyblossom .sec-fair .cpbox__fairNoveltyTitle { color: #ff7b80; font-weight: 700; letter-spacing: .05rem; line-height: 1; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyTitle { font-size: 5.27344vw; line-height: 1.48148; margin-bottom: 1.66016vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyTitle { font-size: 30px; margin-bottom: 15px; } }

#jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox { -ms-flex-align: center; -webkit-box-align: center; align-items: center; background-color: #fff; border: solid 0.78125vw #ff7b80; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox { -webkit-box-sizing: border-box; border-radius: 1.17188vw; box-sizing: border-box; margin-bottom: 3.125vw; padding: 3.90625vw; width: 95.3125vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox { border-radius: 12px; border-width: 4px; margin-bottom: 17px; padding: 20px 26px; width: 652px; } }

#jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--text { font-weight: 700; line-height: 1; }

#jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--textHead { color: #ff7b80; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--textHead { font-size: 5.27344vw; margin-bottom: 1.85547vw; }
  #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--textDate { font-size: 4.39453vw; }
  #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--textDate small { font-size: 80%; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--textHead { font-size: 30px; margin-bottom: 13px; margin-left: 18px; }
  #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--textDate { font-size: 25px; }
  #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--textDate small { font-size: 80%; } }

#jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--img { margin-left: auto; position: relative; }

#jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--img img { height: auto; width: auto; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--img { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; width: 41.01563vw; }
  #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--img img { height: 32.12891vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--img { width: 290px; }
  #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--img img { height: 179px; } }

#jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--img .caption { font-weight: 700; text-align: center; white-space: nowrap; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--img .caption { font-size: 2.83203vw; } }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--img .caption.long { -ms-flex-item-align: end; align-self: flex-end; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fairNoveltyBox--img .caption.long { margin-top: -17px; } }

#jp-cheryyblossom .sec-fair .cpbox hr.separator { background-color: #1e1f1f; border: 0; height: 1px; line-height: 0; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox hr.separator { margin-bottom: 9.76563vw; margin-top: 7.8125vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox hr.separator { margin-bottom: 48px; margin-top: 48px; width: 754px; } }

#jp-cheryyblossom .sec-fair .cpbox__fig { line-height: 0; margin: 0 auto; }

#jp-cheryyblossom .sec-fair .cpbox__fig img { height: auto !important; width: 100% !important; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__fig { margin-bottom: 10.35156vw; max-width: 83.00781vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__fig { margin-bottom: 50px; max-width: 636px; } }

#jp-cheryyblossom .sec-fair .cpbox__date { color: #ff7b80; font-weight: 700; line-height: 1; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-fair .cpbox__date { margin-bottom: 3.22266vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox__date { font-size: 20px; margin-bottom: 23px; } }

#jp-cheryyblossom .sec-fair .cpbox .notes { font-size: 2.92969vw; line-height: 2; }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-fair .cpbox .notes { font-size: 17px; line-height: 1; } }

/*
--------------------------------------------------------------
 Bottom
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Bottom Area
--------------------------------------------------------------
*/
#dsmHairCare .sec-link { background-color: #aed1ca; background-position: center top; background-repeat: no-repeat; background-size: cover; }

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

@media screen and (max-width: 767px) { #dsmHairCare .sec-link { background-image: url("../../../images/dead-sea-minerals/haircare/bg_link-dcm_sp.jpg"); }
  #dsmHairCare .sec-link__inner { padding: 10.54688vw 8.49609vw 8.20313vw 8.49609vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-link { background-image: url("../../../images/dead-sea-minerals/haircare/bg_link-dcm.jpg"); }
  #dsmHairCare .sec-link__inner { padding: 100px 20px 100px 20px; } }

#dsmHairCare .sec-link .btn-allitem a { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: 'Noto Serif JP', serif; justify-content: center; margin: 0 auto; position: relative; }

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

#dsmHairCare .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) { #dsmHairCare .sec-link .btn-allitem a { font-size: 3.41797vw; height: 9.76563vw; width: 83.00781vw; }
  #dsmHairCare .sec-link .btn-allitem--new a::after { background-image: url("../../images/dead-sea-minerals/btn_icon-new_sp.png"); background-size: 14.64844vw 8.78906vw; height: 8.78906vw; width: 14.64844vw; }
  #dsmHairCare .sec-link .btn-allitem:nth-child(2) { margin-top: 5.66406vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-link .btn-allitem a { font-size: 30px; height: 85px; width: 694px; }
  #dsmHairCare .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; }
  #dsmHairCare .sec-link .btn-allitem:nth-child(2) { margin-top: 50px; } }

#dsmHairCare .sec-link .btn-allitem .arrow { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; height: 3.02734vw; line-height: 0; margin-left: 1.66016vw; position: absolute; top: 50%; transform: translateY(-50%); width: 2.73438vw; }

#dsmHairCare .sec-link .btn-allitem .arrow .btnArrow { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; }

#dsmHairCare .sec-link .btn-allitem .arrow .btnArrow { fill: rgba(0, 0, 0, 0); stroke: #000; width: inherit; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-link .btn-allitem .arrow { height: 2.44141vw; right: 4.88281vw; width: 1.95313vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-link .btn-allitem .arrow { height: 14px; margin-left: 10px; right: 18px; width: 12px; } }

#dsmHairCare .sec-link .btn-allitem:hover .arrow .btnArrow { -ms-transform: translateX(30%); -webkit-transform: translateX(30%); transform: translateX(30%); }

/*
--------------------------------------------------------------
 About Laline
--------------------------------------------------------------
*/
#dsmHairCare .sec-about { -webkit-box-sizing: border-box; background-color: #fff; box-sizing: border-box; margin: 0 auto; }

#dsmHairCare .sec-about__inner { margin: 0 auto; text-align: center; }

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

@media screen and (max-width: 767px) { #dsmHairCare .sec-about { -webkit-box-sizing: border-box; border-bottom: none; box-sizing: border-box; padding: 19.33594vw 0 11.52344vw; }
  #dsmHairCare .sec-about__inner { width: 86.71875vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-about { padding: 150px 0 85px; width: 100%; }
  #dsmHairCare .sec-about__inner { max-width: 840px; padding: 0 20px; } }

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

@media screen and (max-width: 767px) { #dsmHairCare .sec-about__logo { margin-bottom: 4.29688vw; }
  #dsmHairCare .sec-about__logo img { height: 24.41406vw !important; width: auto; }
  #dsmHairCare .sec-about__logo .lalineLogo { height: 24.41406vw; width: auto; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-about__logo { height: 151px; margin: 0 auto; margin-bottom: 40px; width: 146px; }
  #dsmHairCare .sec-about__logo .lalineLogo { height: inherit; width: auto; } }

@media screen and (max-width: 767px) { #dsmHairCare .sec-about__txtarea { text-align: left; } }

#dsmHairCare .sec-about__title { font-weight: 500; line-height: 1; }

#dsmHairCare .sec-about__title .small { font-size: 70%; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-about__title { font-size: 4.58984vw; letter-spacing: .1rem; margin-bottom: 4.10156vw; text-align: center; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-about__title { font-size: 30px; margin-bottom: 23px; } }

#dsmHairCare .sec-about__txt { font-weight: 400; letter-spacing: .05rem; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-about__txt { font-size: 2.92969vw; line-height: 2; margin-bottom: 9.375vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-about__txt { font-size: 16px; line-height: 1.75; margin-bottom: 50px; } }

#dsmHairCare .sec-about__btn { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: #000; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; justify-content: center; margin: 0 auto; position: relative; width: 100%; }

#dsmHairCare .sec-about__btn:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-about__btn { font-weight: 500; height: 11.13281vw; margin-bottom: 7.8125vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-about__btn { height: 50px; margin-bottom: 35px; max-width: 378px; } }

#dsmHairCare .sec-about__btn .text { line-height: 1; margin: 0; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-about__btn .text { font-size: 3.61328vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-about__btn .text { font-size: 16px; } }

#dsmHairCare .sec-about__btn .arrow { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; height: 3.02734vw; line-height: 0; margin-left: 1.66016vw; position: absolute; top: 50%; transform: translateY(-50%); width: 2.73438vw; }

#dsmHairCare .sec-about__btn .arrow .btnArrow { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; }

#dsmHairCare .sec-about__btn .arrow .btnArrow { fill: rgba(255, 255, 255, 0); stroke: #fff; width: inherit; }

@media screen and (max-width: 767px) { #dsmHairCare .sec-about__btn .arrow { height: 2.44141vw; right: 4.88281vw; width: 1.95313vw; } }

@media screen and (min-width: 768px) { #dsmHairCare .sec-about__btn .arrow { height: 14px; margin-left: 10px; right: 18px; width: 12px; } }

#dsmHairCare .sec-about__btn:hover .arrow .btnArrow { -ms-transform: translateX(30%); -webkit-transform: translateX(30%); transform: translateX(30%); }

/*
--------------------------------------------------------------
 Movie
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Movie
--------------------------------------------------------------
*/
#jp-cheryyblossom .sec-movie { background-position: center top; background-repeat: no-repeat; background-size: cover; }

#jp-cheryyblossom .sec-movie__inner { line-height: 0; margin: 0 auto; }

#jp-cheryyblossom .sec-movie__video { background-color: #fff; line-height: 0; }

#jp-cheryyblossom .sec-movie__video img { width: 100%; }

@media screen and (max-width: 767px) { #jp-cheryyblossom .sec-movie__inner { width: 83.00781vw; }
  #jp-cheryyblossom .sec-movie__video { height: 149.90234vw; width: 83.00781vw; } }

@media screen and (min-width: 768px) { #jp-cheryyblossom .sec-movie { margin-bottom: 150px; }
  #jp-cheryyblossom .sec-movie__inner { max-width: 1160px; padding: 0 20px; }
  #jp-cheryyblossom .sec-movie__video { height: 643px; width: 872px; } }