@charset "utf-8"; body { color: #853927;} #hd .menu { background: #fbf9de;} #hd .menu ul.brand li.top:after { border-right: solid 15px #fbf9de;} .menu-trig div span { background: #53341c;} .menu-cart a svg { fill: #53341c;} .bogo-language-switcher .en-US { display: none !important;} @keyframes showIn { 100% { opacity: 1;} } .spacer { width: 100%; height: 85vh;} #kv { position: relative; background: url('/img/en/fleur/bg/kv.jpg') no-repeat 50% 0% / cover;} #kv .inner-kv { position: relative; width: 100%; max-width: 1080px; height: 550px; margin: 0 auto; padding: 90px 0px 80px;} #kv .inner-kv .txt { position: relative; width: 92%; max-width: 560px; margin: 0 auto; padding-top: 72px;} #kv .inner-kv .txt:after { content: ''; display: block; width: 100px; height: 140px; background: url('/img/awards/badge-no1-en.png') no-repeat 50% 50% / 100% auto; position: absolute; left: 40px; top: 0px; } #kv .inner-kv .txt .logo { position: relative; width: 50%; max-width: 360px; margin: 0 auto 50px;} #kv .inner-kv .txt .logo h1 img { width: 100%;} #kv .inner-kv .txt ul { display: flex; justify-content: space-between;} #kv .inner-kv .txt ul li { width: 32%; font-size: 16px; line-height: 1.2;} #kv .inner-kv .txt ul li a { position: relative; display: block; width: 100%; height: 100%; padding: 18px 0 40px; background: rgba(255,255,255,0.6); border-radius: 8px; color: #5b341c; font-weight: 600; text-align: center; text-decoration: none; } #kv .inner-kv .txt ul li a:after { content: ''; display: block; width: 100%; height: 8px; position: absolute; left: 0; bottom: 14px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; } #kv .inner-kv .txt ul li a br { display: none;} #kv .inner-kv .txt ul li a:hover { background: rgba(255,255,255,0.4);} #kv .note { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2;} #kv .note ul { width: 100%; max-width: 1080px; margin: 0 auto; padding: 16px;} #kv .note ul li { position: relative; width: 100%; max-width: 650px; margin: 0 0 0 auto; padding-left: 1.5em; color: #5b341c; line-height: 1.4;} #kv .note ul li span { display: block;} #kv .note ul li i { position: absolute; left: 0; font-style: normal;} #kv .bg-kv { display: none; width: 100%;} #kv .bg-kv img { width: 100%;} @media (max-width: 1281px) { } @media (max-width: 1001px) { #kv .inner-kv { height: auto; padding: 50px 0px 80px;} #kv .inner-kv .txt:after { left: 30px;} #kv .inner-kv .txt ul li { font-size: 14px;} } @media (max-width: 801px) { #kv .inner-kv { position: absolute; width: 100%; height: 100%; z-index: 3; padding: 20px 20px 100px;} #kv .inner-kv .txt { width: 100%; max-width: 100%; height: 100%; padding: 0 20px;} #kv .inner-kv .txt:after { width: 80px; height: 120px; left: 40px; top: 60px;} #kv .inner-kv .txt ul { position: absolute; left: 0; bottom: 0px; width: 100%; max-width: 100%;} #kv .note {} #kv .note ul li { max-width: 100%;} #kv .bg-kv { position: relative; display: block; z-index: 1;} } @media (max-width: 641px) { #kv .inner-kv .txt ul li a { padding: 15px 0 30px;} #kv .inner-kv .txt ul li:nth-child(2) a { padding: 8px 0 30px;} #kv .inner-kv .txt ul li a br { display: block;} } @media (max-width: 481px) { #kv .inner-kv { padding: 12px 12px 80px;} #kv .inner-kv .txt { padding: 0 12px;} #kv .inner-kv .txt:after { width: 60px; height: 85px; left: 2%; top: 10px;} #kv .inner-kv .txt h1 { margin-bottom: 8px;} #kv .inner-kv .txt p img.pc { display: none;} #kv .inner-kv .txt p img.sp { display: block; width: 90%; margin: 0 auto;} #kv .inner-kv .txt ul li { font-size: 12px;} #kv .inner-kv .txt ul li a { padding: 12px 0 20px;} #kv .inner-kv .txt ul li:nth-child(2) a { padding: 6px 0 20px;} #kv .inner-kv .txt ul li a:after { height: 6px; bottom: 8px;} #kv .note ul { padding: 12px;} } #award { background: #fff;} #award .award-tit { position: relative; padding: 6px 0; background: url('/img/en/fleur/bg/award.jpg') no-repeat 50% 0% / cover; cursor: pointer;} #award .award-tit:after { content: ''; display: block; width: 15px; height: 15px; margin-left: 320px; border-bottom: solid 3px #ff7e00; border-right: solid 3px #ff7e00; position: absolute; left: 50%; top: 50%; transform: translateY(-70%) rotate(45deg); transition: 0.4s linear; } #award .award-tit.open:after { transform: translateY(-30%) rotate(-135deg);} #award .award-tit h2 { padding: 10px 0 14px; color: #ff7e00; font-size: 24px; font-weight: 600; letter-spacing: 0.2rem; line-height: 1; text-align: center;} #award .award-tit h2:before, #award .award-tit h2:after { content: ''; display: inline-block; width: 40px; height: 32px; vertical-align: middle; background: url('/img/fleur/icn-award.png') no-repeat 50% 50% / 100% auto; } #award .award-tit h2 span { display: inline-block; margin: 0 20px; vertical-align: middle;} #award .ctn { display: none;} @media (max-width: 801px) { #award .award-tit:after { margin: 0px; left: auto; right: 5%;} } @media (max-width: 641px) { } @media (max-width: 481px) { #award { border-width: 1px;} #award .award-tit { padding: 4px 0;} #award .award-tit:after { width: 15px; height: 15px; border-width: 2px;} #award .award-tit h2 { font-size: 20px; letter-spacing: 0rem;} #award .award-tit h2:before, #award .award-tit h2:after { width: 30px; height: 24px;} #award .award-tit h2 span { margin: 0 12px;} } #lead .inner-sct { height: 660px; background: url('/img/en/fleur/bg/1.png') no-repeat 50% 100% / cover;} #lead .lead-1 { position: relative; padding-top: 32px; height: 320px; background: url('/img/en/fleur/bg/2.png') no-repeat 50% 100% / cover;} #lead .lead-1 h2 { position: relative; margin-bottom: 8px; text-align: center;} #lead .lead-1 h2 img { width: 65%; max-width: 420px;} #lead .lead-1 p { margin-bottom: 40px; color: #fff; font-size: clamp(21px,3.4vw,36px); line-height: 1.4; text-align: center;} #lead .lead-1 .note {} #lead .lead-1 .note ul { width: 88%; max-width: 1040px; margin: 0 auto; text-align: right;} #lead .lead-1 .note ul li { font-size: 14px;} #lead .lead-1 .note ul li em { font-size: 10px; vertical-align: top;} #lead .lead-2 { position: relative;} #lead .lead-2 .txt { position: relative; width: 100%; max-width: 780px; margin: 0 auto -20px;} #lead .lead-2 .txt:before { content: ''; display: block; width: 180px; height: 160px; background: url('/img/en/fleur/badge.png') no-repeat 50% 50% / 100% auto; position: absolute; left: 0; top: -72px; } #lead .lead-2 p.txt-1 { margin-bottom: 40px; font-size: 26px; font-weight: 600; line-height: 1.25; text-align: center;} #lead .lead-2 p.txt-2 { font-size: 28px; font-weight: 600; line-height: 1.4; text-align: center;} #lead .lead-2 p.txt-2 sup { font-size: 14px; vertical-align: super;} #lead .lead-2 .note ul { width: 92%; max-width: 1040px; margin: 0 auto;} #lead .lead-2 .note ul li { max-width: 300px; margin: 0 0 0 auto; font-size: 14px; line-height: 1.2;} #lead .lead-2 .note ul li em { font-size: 10px; vertical-align: top;} @media (max-width: 1201px) { } @media (max-width: 801px) { #lead .inner-sct { height: 128vw; background: url('/img/en/fleur/bg/1@sp.png') no-repeat 50% 100% / 100% auto;} #lead .lead-1 { height: 76vw; padding-top: 10vw; background: url('/img/en/fleur/bg/2@sp.png') no-repeat 50% 100% / 100% auto;} #lead .lead-1 p { font-size: 6.0vw;} #lead .lead-1 p span { display: block;} #lead .lead-1 .note ul li { font-size: 12px;} #lead .lead-2 .txt { margin-bottom: 30px; padding-top: 7vw;} #lead .lead-2 .txt:before { width: 150px; height: 160px; left: 30px; top: -60px; background: url('/img/en/fleur/badge@sp.png') no-repeat 50% 50% / 100% auto; } #lead .lead-2 p.txt-1 { margin-bottom: 12px; font-size: 3.6vw;} #lead .lead-2 p.txt-2 { font-size: 5.0vw;} #lead .lead-2 p.txt-2 br { display: none;} #lead .lead-2 p.txt-2 span { display: block;} #lead .lead-2 .note ul li { font-size: 12px;} } @media (max-width: 641px) { #lead .lead-2 .txt:before { width: 120px; height: 126px;} } @media (max-width: 481px) { #lead .lead-1 { padding-top: 7vw;} #lead .lead-1 h2 { margin-bottom: 4px;} #lead .lead-1 p { margin-bottom: 12px; font-size: 28px;} #lead .lead-1 .note ul li { font-size: 9px;} #lead .lead-1 .note ul li em { font-size: 8px;} #lead .lead-2 .txt { margin-bottom: 12px; padding-top: 3vw;} #lead .lead-2 .txt:before { width: 80px; height: 85px; left: 12px; top: -50px;} #lead .lead-2 p.txt-1 { margin-bottom: 10px; font-size: 16px;} #lead .lead-2 p.txt-2 { font-size: 20px;} #lead .lead-2 .note ul li { max-width: 208px; font-size: 9px;} #lead .lead-2 .note ul li em { font-size: 8px;} } #concept { position: relative; background: url('/img/en/fleur/bg/3.webp') no-repeat 50% 0% / cover;} #concept .inner-sct { padding: 210px 0;} #concept h2 { margin-bottom: 30px; text-align: center;} #concept h2 img { width: 52%; max-width: 330px;} #concept .read {} #concept .read p { margin-bottom: 20px; font-size: 26px; font-weight: 600; text-align: center;} #concept .read p sup { font-size: 14px; vertical-align: text-top;} #concept .read .note ul { width: 92%; max-width: 1040px; margin: 0 auto; text-align: right;} #concept .read .note ul li { font-size: 14px;} #concept .read .note ul li em { font-size: 10px; vertical-align: top;} #concept .bloc { padding: 40px 0;} #concept .bloc .inner { width: 92%; max-width: 1000px; margin: 0 auto;} #concept .tit { position: relative; margin-bottom: 30px; padding-left: 50px;} #concept .tit:before { content: ''; display: block; width: 100px; height: 110px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} #concept .tit.tit-1:before { background: url('/img/en/fleur/icn-step-1.png') no-repeat 50% 50% / 100% auto;} #concept .tit.tit-2:before { background: url('/img/en/fleur/icn-step-2.png') no-repeat 50% 50% / 100% auto;} #concept .tit.tit-3:before { background: url('/img/en/fleur/icn-step-3.png') no-repeat 50% 50% / 100% auto;} #concept .tit.tit-4:before { background: url('/img/en/fleur/icn-step-4.png') no-repeat 50% 50% / 100% auto;} #concept .tit div { padding: 28px; padding-left: 80px; border: solid 2px #fff; background: linear-gradient(80deg,#ff8600,#faec00);} #concept .tit.tit-2 div { padding: 10px; padding-left: 80px;} #concept .tit h3 { color: #fff; font-size: clamp(21px,3.2vw,30px); font-weight: 700; line-height: 1.2;} #concept .tit h3 sup { font-size: 14px; vertical-align: top;} #concept .box { position: relative; padding: 30px; background: #fff; border-radius: 26px;} #concept .box .flex { display: flex; justify-content: space-between; align-items: center;} #concept .box .txt-1 { width: 320px;} #concept .box .fig-1 { width: calc(100% - 340px);} #concept .box .txt-2 { width: 480px; padding-bottom: 100px;} #concept .box .fig-2 { width: calc(100% - 500px);} #concept .box .txt-3 { width: 400px; padding-bottom: 50px;} #concept .box .fig-3 { width: calc(100% - 420px);} #concept .box .txt-4 { width: 460px; padding-bottom: 50px;} #concept .box .fig-4 { width: calc(100% - 480px); padding-bottom: 50px;} #concept .box p { font-size: 18px;} #concept .box p span { display: block;} #concept .box p sup { font-size: 10px; vertical-align: top;} #concept .box p br.sp { display: none;} #concept .box .fig-1 figure img { width: 100%;} #concept .box .fig-1 figure img.sp { display: none;} #concept .box .fig-1 figure figcaption { font-size: 10px; text-align: right;} #concept .box .fig-2 picture img { width: 100%;} #concept .box .fig-3 picture img { width: 100%;} #concept .box .txt-4 p { margin-bottom: 20px;} #concept .box .txt-4 figure img { width: 100%;} #concept .box .fig-4 picture img { width: 100%;} #concept .box .fig-4 figure { display: none; padding-top: 12px;} #concept .box .fig-4 figure img { width: 100%;} #concept .box .note { position: absolute; left: 0; bottom: 0px; padding: 0 30px 20px;} #concept .box .note ul li { font-size: 12px; line-height: 1.25;} #concept .box .note ul li em { font-size: 10px; vertical-align: top;} @media (max-width: 1201px) { } @media (max-width: 801px) { #concept { position: relative; background: none;} #concept:before, #concept:after { content: ''; display: block; width: 100%; margin: 0;} #concept:before{ height: 22vw; background: url('/img/en/fleur/bg/3-top@sp.png') repeat-y 50% 0% / 100% auto;} #concept:after { height: 20vw; background: url('/img/en/fleur/bg/3-bottom@sp.png') repeat-y 50% 100% / 100% auto;} #concept .inner-sct { padding: 0px; background: url('/img/en/fleur/bg/3@sp.jpg') repeat-y 50% 50% / 100% auto;} #concept h2 { margin-bottom: 20px;} #concept .bloc { padding: 30px 0;} #concept .box { width: 95%; margin: 0 auto;} #concept .box .flex { display: block;} #concept .box .txt-1 { width: 100%; margin-bottom: 30px; text-align: center;} #concept .box .fig-1 { width: 100%; padding-bottom: 10px;} #concept .box .txt-2 { width: 100%; padding-bottom: 30px; text-align: center;} #concept .box .fig-2 { width: 100%; padding-bottom: 20px;} #concept .box .txt-3 { width: 100%; padding-bottom: 30px; text-align: center;} #concept .box .fig-3 { width: 100%; padding-bottom: 12px;} #concept .box .txt-4 { width: 100%; padding-bottom: 30px; text-align: center;} #concept .box .fig-4 { width: 100%; padding-bottom: 20px;} #concept .box .txt-1 p { display: inline-block; text-align: left;} #concept .box .txt-2 p { display: inline-block; text-align: left;} #concept .box .txt-3 p { display: inline-block; text-align: left;} #concept .box .txt-4 p { display: inline-block; text-align: left; margin-bottom: 0px;} #concept .box .txt-4 figure { display: none;} #concept .box .note { position: relative; left: auto; bottom: auto; padding: 0px;} } @media (max-width: 641px) { #concept .read p { margin-bottom: 20px; font-size: 4.0vw;} #concept .read p sup { font-size: 10px;} #concept .read .note ul li { font-size: 12px;} #concept .tit:before { width: 120px; height: 130px;} #concept .tit div { box-shadow: 0 0 6px rgba(0,0,0,0.5);} #concept .tit h3 { font-size: 4.2vw;} #concept .tit h3 span { display: block;} #concept .box .fig-1 figure img.pc { display: none;} #concept .box .fig-1 figure img.sp { display: block;} #concept .box .fig-4 figure { display: block;} #concept .box p br.pc { display: none;} #concept .box p br.sp { display: block;} } @media (max-width: 481px) { #concept .read { margin-bottom: 12px;} #concept .read p { margin-bottom: 12px;} #concept .read .note ul li { font-size: 9px;} #concept .read .note ul li em { font-size: 8px;} #concept h2 { margin-bottom: 12px;} #concept .bloc { padding: 20px 0;} #concept .tit { margin-bottom: 20px;} #concept .tit:before { width: 86px; height: 90px;} #concept .tit div { padding: 12px; padding-left: 50px; border-width: 1px; box-shadow: 0 0 4px rgba(0,0,0,0.2);} #concept .tit.tit-2 div { padding: 6px 0; padding-left: 50px;} #concept .tit h3 { font-size: 18px;} #concept .box { padding: 18px;} #concept .box .txt-1 { margin-bottom: 12px;} #concept .box .txt-2 { padding-bottom: 12px;} #concept .box .txt-3 { padding-bottom: 12px;} #concept .box .txt-4 { padding-bottom: 12px;} #concept .box .fig-4 { padding-bottom: 12px;} #concept .box p { font-size: 12px;} #concept .box .note ul li { font-size: 9px;} #concept .box .note ul li em { font-size: 8px;} } #product { position: relative;} #product .inner-sct {} #product .signboard { position: relative; width: 100%; padding-top: 950px; background: url('/img/fleur/bg/product.jpg') no-repeat 50% 0 / cover;} #product .signboard .ttl { position: absolute; top: 72px; left: 0; width: 100%;} #product .signboard .ttl h2 { text-align: center;} #product .signboard .ttl h2 img { width: 52%; max-width: 330px;} #product .signboard img.sp { display: none; width: 100%;} #product .bloc.bg-1 { background: url('/img/en/fleur/product/bg-1.jpg') no-repeat 50% 0% / cover;} #product .bloc.bg-2 { background: url('/img/en/fleur/product/bg-2.jpg') no-repeat 50% 0% / cover;} #product .bloc.bg-3 { background: url('/img/en/fleur/product/bg-3.jpg') no-repeat 50% 0% / cover;} #product .bloc.bg-4 { background: url('/img/en/fleur/product/bg-4.jpg') no-repeat 50% 0% / cover;} #product .bloc.bg-5 { background: url('/img/en/fleur/product/bg-5.jpg') no-repeat 50% 0% / cover;} #product .bloc .inner { position: relative; width: 90%; max-width: 1040px; margin: 0 auto;} #product .ctn { position: relative; padding: 80px 0 60px;} #product .ctn.pb { padding-bottom: 80px;} #product .ctn.pb2 { padding-bottom: 100px;} #product .img { margin-bottom: 40px;} #product .txt {} #product .img figure { position: relative; padding-top: 350px;} #product .img figure img { width: 50%; max-width: 160px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);} #product .img figure img.w200 { width: 60%; max-width: 200px;} #product .txt h3 { margin-bottom: 30px; text-align: center;} #product .txt h3.mb0 { margin-bottom: 0px;} #product .txt h3 span { display: inline-block; line-height: 1.2; vertical-align: middle;} #product .txt h3 span.name { margin-right: 18px; font-size: clamp(21px,3.6vw,28px); font-weight: 700;} #product .txt h3 span.name sup { vertical-align: super; font-size: 12px;} #product .txt h3 span.amount{ width: 64px; background: #853927; color: #fff; font-size: 16px; line-height: 20px; text-align: center;} #product .txt h3 br { display: none;} #product .txt p.comment { margin-bottom: 20px; font-size: 22px; font-weight: 600; line-height: 1.4; text-align: center;} #product .txt p.comment sup { vertical-align: super; font-size: 12px;} #product .txt p.comment br.sp { display: none;} #product .txt .aroma {} #product .txt .aroma dl { position: relative; font-size: 0; text-align: center;} #product .txt .aroma dl dt { display: inline-block; width: 90px; margin-right: 10px; vertical-align: middle;} #product .txt .aroma dl dt img { width: 100%;} #product .txt .aroma dl dd { display: inline-block; font-size: 26px; font-weight: 700; line-height: 1.4; vertical-align: middle;} #product .txt .aroma dl dd span {} #product .txt .aroma dl dd br { display: none;} #product .txt .aroma dl dd.color-1 { color: #ff7e00;} #product .txt .aroma dl dd.color-2 { color: #f4a000;} #product .txt .aroma dl dd.color-3 { color: #ff7e00;} #product .note { position: absolute; left: 0; bottom: 30px;} #product .note ul { width: 100%; max-width: 920px; margin: 0 0 0 auto;} #product .note ul li { font-size: 14px; line-height: 1.2;} #product .note ul li em { font-size: 10px; vertical-align: top;} @media (max-width: 801px) { #product .signboard { padding-top: 0px; background: none;} #product .signboard .ttl { top: 10%;} #product .signboard img.sp { display: block; width: 100%;} #product .bloc.bg-1 { background: url('/img/en/fleur/product/bg-1@sp.jpg') no-repeat 50% 0% / cover;} #product .bloc.bg-2 { background: url('/img/en/fleur/product/bg-2@sp.jpg') no-repeat 50% 0% / cover;} #product .bloc.bg-3 { background: url('/img/en/fleur/product/bg-3@sp.jpg') no-repeat 50% 0% / cover;} #product .bloc.bg-4 { background: url('/img/en/fleur/product/bg-4@sp.jpg') no-repeat 50% 0% / cover;} #product .bloc.bg-5 { background: url('/img/en/fleur/product/bg-5@sp.jpg') no-repeat 50% 0% / cover;} #product .ctn { padding: 14vw 0 12vw;} #product .ctn.pb { padding-bottom: 14vw;} #product .ctn.pb2 { padding-bottom: 18vw;} #product .img { margin-bottom: 30px;} #product .img figure { padding-top: 58%;} #product .img figure img { width: 28%; max-width: 180px;} #product .img figure img.w200 { width: 36%; max-width: 230px;} #product .txt h3 span.name { display: block; margin: 0 auto 8px; } #product .txt h3 span.amount{ display: block; width: 60px; margin: 0 auto;} #product .txt p.comment { font-size: 20px;} #product .txt p.comment span { display: block;} #product .txt p.comment br.pc { display: none;} #product .txt .aroma dl dd { text-align: left;} #product .txt .aroma dl dd br { display: block;} #product .note { bottom: 20px;} #product .note ul li span { display: block;} } @media (max-width: 641px) { #product .txt h3 span.name { font-size: 5.0vw;} #product .txt h3 br { display: block;} #product .note ul li { font-size: 12px; } } @media (max-width: 481px) { #product .ctn { padding: 14vw 0 16vw;} #product .ctn.pb { padding-bottom: 16vw;} #product .ctn.pb2 { padding-bottom: 24vw;} #product .img { margin-bottom: 20px;} #product .txt h3 { margin-bottom: 12px;} #product .txt h3 span.name { margin-bottom: 8px; font-size: 21px;} #product .txt h3 span.amount{ font-size: 14px;} #product .txt p.comment { margin-bottom: 12px; font-size: 16px;} #product .txt p.comment sup { font-size: 9px;} #product .txt .aroma dl dt { width: 72px;} #product .txt .aroma dl dd { font-size: 18px;} #product .note ul li { font-size: 9px; } #product .note ul li em { font-size: 8px;} } #series-en { background: #fbf9de;} #series-en .inner-sct { padding: 100px 0;} #series-en h2 { margin-bottom: 50px; font-size: 30px; line-height: 1.25; text-align: center;} #series-en .ctn {} @media (max-width: 801px) { #series-en .inner-sct { padding: 60px 0;} #series-en h2 { margin-bottom: 30px; font-size: 4.0vw;} } @media (max-width: 481px) { #series-en .inner-sct { padding: 40px 0;} #series-en h2 { margin-bottom: 12px; font-size: 3.6vw;} } .fix-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: -1} .fix-bg .bg-1, .fix-bg .bg-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.2s linear;} .fix-bg .bg-2 { opacity: 0;} .fix-bg .bg-1:before, .fix-bg .bg-2:before { content: ''; display: block; width: 100%; height: 100%; margin: 0 auto;} .fix-bg .bg-1:before { background-image: url('/img/en/fleur/bg/fix-1.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;} .fix-bg .bg-2:before { background-image: url('/img/en/fleur/bg/fix-2.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;} .fix-bg .bg-2.show { opacity: 1;} @media (max-width: 801px) { .fix-bg .bg-1:before { background-image: url('/img/en/fleur/bg/fix-1@sp.jpg');} .fix-bg .bg-2:before { background-image: url('/img/en/fleur/bg/fix-2@sp.jpg');} }