@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');
.gift-body{
font-family:"Noto Sans JP", sans-serif;
transform: rotateZ(0.00deg);
}
.mv .block-pic {
padding: 0;
margin: 0;
}
.wrapper {
height: auto;
}
.wrapper img {
width: 95%;
}
.movie-bg {
background-color: #fadbdd;
background-size: cover;
background-attachment: fixed;
background-position: center center;
padding: 60px 0 60px;
text-align: center;
}
.movie-container {
width: 70%;
display: inline-block;
}
.message-container {
height: auto;
}
.sakura-heading {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: .12em;
line-height: 1.6;
font-size: 5.2rem;
color: #e84383;
margin: 0em;
/* display: flex; */
text-align: center;
}
.sakura-heading span {
font-size: 3.0rem;
letter-spacing: normal;
}
.sakura-heading-jp {
font-family: "Kiwi Maru", serif;
font-weight: 600;
font-style: normal;
letter-spacing: .12em;
line-height: 2.0;
font-size: 4.8rem;
color: #e84383;
margin: 0em;
/* display: flex; */
text-align: center;
}
.sakura-aroma-heading-jp {
font-family: "Kiwi Maru", serif;
font-weight: 500;
font-style: normal;
letter-spacing: .12em;
line-height: 1.8;
font-size: 4.4rem;
color: #eb6898;
margin: 0em;
/* display: flex; */
text-align: center;
}
.sakura-aroma-text {
font-size: 2.6rem;
font-weight: 400;
color: #ec74a2;
letter-spacing: .06em;
line-height: 1.7;
text-align: center;
padding: 0 20px;
margin: auto;
}
.sakura-bg-icon-s img {
width: 60px;
text-align: center;
margin: auto;
display: flex;
}
.sakura-bg-icon-b img {
width: 100px;
text-align: center;
margin: auto;
display: flex;
}
.sakura-message-bg {
background-image: url(/sites/default/files/2025-11/IGI_26S1_sakura_edition_bg_0.png); /* 背景画像指定 */
background-size: cover;
background-attachment: fixed;
/*background-position: center center; */
padding: 80px 0 80px;
height: 100%;
}
.sakura-message-bg .block-pic {
padding: 0;
margin: 0;
}
.sakura-heading-02 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: .12em;
line-height: 1.4;
font-size: 6.8rem;
color: #e84383;
margin: 10px 0 0 0;
/* display: flex; */
text-align: center;
}
.lineup-container {
position: relative;
z-index: 1;
}
/* 各スライド共通 */
.parallax-slide {
position: sticky;
position: sticky;
top: 0px;
/* min-height: 40vh; */
/* padding: 100px 30px; */
display: flex;
flex-direction: column;
justify-content: center;
}
.gift-heading {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: .14em;
line-height: 2.0;
font-size: 4.2rem;
color: #ffffff;
margin: 0em;
/* display: flex; */
text-align: center;
}
.wrapping-container {
height: auto;
}
.sakura-product-01 {
font-family: "Kiwi Maru", serif;
font-weight: 500;
font-style: normal;
letter-spacing: .12em;
line-height: 1.8;
font-size: 4.2rem;
color: #eb6898;
margin: 0em;
text-align: center;
padding-top: 20px;
}
.sakura-hand-bg01 {
background: linear-gradient(0deg, rgb(255 255 255 / 85%) 0%, rgb(255 255 255 / 0%) 30%),
linear-gradient(180deg, rgb(255 255 255 / 85%) 0%, rgb(255 255 255 / 0%) 30%), url(/sites/default/files/2025-12/IGI_26S1_sakura_handcream_0001.png);
background-size: cover;
background-attachment: fixed;
background-position: center center;
padding: 40px 0 40px;
height: 100%;
}
.sakura-hand-bg02 {
background: url(/sites/default/files/2025-12/IGI_26S1_sakura_handcream_bulk.png);
background-size: 120%;
background-attachment: fixed;
background-position: center center;
padding: 40px 0 40px;
height: 100%;
}
.sakura-hand-bg .block-pic {
padding: 0;
margin: 0;
}
.sakura-shampoo-bg01 {
background: linear-gradient(0deg, rgb(255 255 255 / 85%) 0%, rgb(255 255 255 / 0%) 30%),
linear-gradient(180deg, rgb(255 255 255 / 85%) 0%, rgb(255 255 255 / 0%) 30%), url(/sites/default/files/2025-12/IGI_26S1_sakura_shampoo_0001.png);
background-size: cover;
background-attachment: fixed;
background-position: center center;
padding: 40px 0 40px;
height: 100%;
}
.sakura-shampoo-bg02 {
background: url(/sites/default/files/2025-12/IGI_26S1_sakura_shampoo_bulk.png);
background-size: 120%;
background-attachment: fixed;
background-position: center center;
padding: 40px 0 40px;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
background-blend-mode: lighten;
}
.sakura-shampoo-bg .block-pic {
padding: 0;
margin: 0;
}
.sakura-hairpack-bg01 {
background: linear-gradient(0deg, rgb(255 255 255 / 85%) 0%, rgb(255 255 255 / 0%) 30%),
linear-gradient(180deg, rgb(255 255 255 / 85%) 0%, rgb(255 255 255 / 0%) 30%), url(/sites/default/files/2025-12/IGI_26S1_sakura_hairpack_0001_0.png);
background-size: cover;
background-attachment: fixed;
background-position: center center;
padding: 40px 0 40px;
height: 100%;
}
.sakura-hairpack-bg02 {
background: url(/sites/default/files/2025-12/IGI_26S1_sakura_hairpack_bulk.png);
background-size: 120%;
background-attachment: fixed;
background-position: center center;
padding: 40px 0 40px;
height: 100%;
background-color: rgba(255, 255, 255, 0.2);
background-blend-mode: lighten;
}
.sakura-hairpack-bg .block-pic {
padding: 0;
margin: 0;
}
.sakura-product-point-01 {
font-weight: 500;
font-style: normal;
letter-spacing: .12em;
line-height: 1.6;
font-size: 3.6rem;
color: #858b9a;
overflow: hidden;
/* margin: 0;*/
/* display: flex; */
/* padding: 0 20px;*/
}
.sakura-product-point-01 .left {
text-align: left;
margin-left: 40px;
}
.sakura-product-point-01 .right {
text-align: right;
margin-top: 280px;
margin-right: 40px;
}
.sakura-ingredient-bg dt {
width: fit-content;
min-width: 220px;
min-height: 36px;
display: flex;
align-items: center;
justify-content: center;
border: solid 1px;
border-radius: 40vh;
font-size: 2.8rem;
line-height: 1;
margin: auto;
padding: 8px;
background-color: #eee8de;
}
.sakura-ingredient-bg dl {
text-align: center;
display: grid;
gap: calc(30 * (60rem / 750));
}
.sakura-ingredient-bg dd {
margin-left: 0px;
margin-bottom: 10px;
}
.sakura-ingredient-bg .ingredient01{
color: #eb6898;
/* border-color: #cf9192;*/
font-size: 2.6rem;
font-weight: 400;
}
.sakura-ingredient-bg .ingredient02{
color: #ff910c;
/*border-color: #ff910c;*/
font-size: 2.6rem;
font-weight: 400;
}
.sakura-ingredient-bg .ingredient03{
color: #1fa1a0;
/*border-color: #1fa1a0;*/
font-size: 2.6rem;
font-weight: 400;
}
.sakura-ingredient-bg .ingredient04{
color: #691fa1;
/*border-color: #691fa1;*/
font-size: 2.6rem;
font-weight: 400;
}
.sakura-product-point-02 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: .14em;
line-height: 1.6;
font-size: 4.0rem;
color: #858b9a;
text-align: center;
margin: auto;
padding: 0 20px;
}
.sakura-product-point-02-sub {
font-weight: 400;
font-style: normal;
letter-spacing: .12em;
line-height: 1.6;
font-size: 2.8rem;
color: #858b9a;
text-align: center;
margin: auto;
padding: 0 20px 20px;
}
.sakura-limited .block-note-list li {
color: #e84383;
font-size: 2.2rem;
font-weight: 400;
}
.sakura-limited-bg {
background-image: url(/sites/default/files/2025-11/IGI_26S1_sakura_edition_bg_0.png);
/* background-size: cover; */
background-attachment: fixed;
background-position: left bottom;
padding: 40px 0 80px;
height: 100%;
}
.sakura-limited-bg .block-pic {
padding: 0;
margin: 0;
}
2026.1.18（Sun.）LIMITED
サクラ香るアイテムで、
ひと足お先に甘い春！
春にしか出会えない。
甘さの中に爽やかさを感じる
サクラの香り
サクラをはじめとするフラワー系の甘い香りの中に、
シトラス、ウッディのフレッシュな透明感を
感じる香りです。
するりかろやかなタッチで
なめらか手肌へ
べたつきのない
軽やかなクリームで
すべすべ
軽やかなクリームで
すべすべ
うるおってなめらか
手あれもガード
手あれもガード
INGREDIENTS
こだわりの美容成分
- 保湿成分
- アマチャエキス
キウイエキス
プルーンエキス（プルーン分解物）
- エモリエント成分
- アプリコットオイル（アンズ核油）
どんな髪質にも。
うるおしながら洗う
もこもこ泡で
よごれもニオイも
Wクレンジング
よごれもニオイも
Wクレンジング
しなやかに洗いあげる
ノンシリコンシャンプー
ノンシリコンシャンプー
キューティクルを補修＆保護して
サラサラするん
軽やかなベースで
髪1本1本を
なめらかに
髪1本1本を
なめらかに
指通りの良い髪に仕上げる
ダメージ補修ヘアパック
ダメージ補修ヘアパック
{
"background_img": "/sites/default/files/2025-11/IGI_26S1_pickup_bg_pc.png",
"font_color": "#eb6898",
"font_weight": 500,
"left": {
"title": "",
"text": "",
"title_img": "/sites/default/files/2025-11/IGI_26S1_sakura_title_pc_0.png",
"title_img_alt": "Sweet SAKURA Edition 今年の春は甘くなれ。"
},
"right": [
{
"text": "",
"name": "",
"img": "",
"href": ""
},
{
"text": "サクラの香り",
"name": "Sweet SAKURA",
"img": "/sites/default/files/2025-11/IGI_26S1_pickup_bg_icon-1.png",
"href": "#sakura"
},
{
"text": "ハンドクリーム",
"name": "HAND CREAM",
"img": "/sites/default/files/2025-11/IGI_26S1_pickup_bg_icon-2.png",
"href": "#handcream"
},
{
"text": "シャンプー",
"name": "SHAMPOO",
"img": "/sites/default/files/2025-11/IGI_26S1_pickup_bg_icon-3.png",
"href": "#shampoo"
},
{
"text": "ヘアパック",
"name": "HAIR PACK",
"img": "/sites/default/files/2025-11/IGI_26S1_pickup_bg_icon-4.png",
"href": "#hairpack"
}
],
"banner": {
"img": "",
"alt": "",
"link": ""
}
}
:root {
--px-content-width: 393;
}
.common-footer-block-area[data-v-4dc9cd29] {
margin: 0;
padding: 12rem 0 0 0;
}
@media (max-width: 767px) and (max-width: 750px) {
.common-footer-block-area[data-v-4dc9cd29] {
margin: 0;
padding: calc((120 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) 0;
}
}
.dev-add-fixed-bg-img-wrapper {
position: fixed;
width: 100%;
height: 100dvh;
left: 0;
top: 0;
z-index: -1;
background: #fff;
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
.dev-add-fixed-left,
.dev-add-fixed-right {
position: fixed;
pointer-events: none;
top: 80px;
width: calc(50vw - (var(--px-content-width) / 2) * 1px);
height: calc(100vh - 80px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
@media (max-width: 1150px) {
display: none;
}
}
.dev-add-fixed-left {
left: 0;
}
.dev-add-fixed-text-area {
max-width: 418px;
width: 80%;
display: flex;
flex-direction: column;
gap: 10px;
pointer-events: auto;
}
.dev-add-fixed-title {
display: none;
font-family: var(--font-family--en);
font-size: 32px;
font-weight: 300;
line-height: 1.2;
color: #434343;
letter-spacing: 0.07em;
text-align: center;
}
.dev-add-fixed-text {
display: none;
font-family: var(--font-family--en);
font-size: 16px;
font-weight: 300;
line-height: 1.6;
color: #434343;
letter-spacing: 0.07em;
text-align: center;
}
.dev-add-fixed-title-img {
display: none;
width: 100%;
img {
display: none;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
}
.dev-add-fixed-right {
right: 0;
}
.dev-add-fixed-product-list {
pointer-events: auto;
display: flex;
flex-direction: column;
gap: 20px;
}
.dev-add-fixed-product-link {
display: flex;
align-items: center;
gap: 10px;
transition: all 0.15s ease-out;
}
.dev-add-fixed-product-link:hover {
text-decoration: none;
opacity: 0.8;
}
.dev-add-fixed-product-link:focus {
text-decoration: none;
}
.dev-add-fixed-product-link:link {
color: #00000000;
}
.dev-add-fixed-product-img-area {
width: 60px;
height: 60px;
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
.dev-add-fixed-product-box {
display: flex;
flex-direction: column;
gap: 6px;
}
.dev-add-fixed-product-subtitle {
font-family: var(--font-family--en);
font-size: 12px;
font-weight: 300;
line-height: 1;
color: #343434;
letter-spacing: 0.07em;
}
.dev-add-fixed-product-subtitle.--none {
display: block;
visibility: hidden;
height: 12px;
}
.dev-add-fixed-product-name {
font-family: var(--font-family--en);
font-size: 18px;
font-weight: 300;
line-height: 1.4;
color: #343434;
letter-spacing: 0.07em;
}
.dev-add-fixed-product-name.--ex {
display: inline-flex;
align-items: center;
gap: 10px;
}
.dev-add-fixed-product-name.--ex span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 12px;
height: 12px;
}
.dev-add-fixed-banner {
margin-top: 50px;
width: 350px;
pointer-events: auto;
}
.dev-add-fixed-banner-link {
width: 100%;
transition: all 0.15s ease-out;
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
.dev-add-fixed-banner-link:hover {
text-decoration: none;
opacity: 0.8;
}
.dev-add-fixed-banner-sp {
@media (min-width: 1151px) {
display: none;
}
@media (max-width: 1150px) {
position: fixed;
z-index: 5;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
max-width: 350px;
width: calc(100% - 20px);
aspect-ratio: 350 / 80;
margin: 0 auto;
}
@media (max-width: 750px) {
bottom: calc(((120 / var(--vw-base-width)) * 100vw) + 10px);
}
}
.dev-add-fixed-banner-sp-link {
width: 100%;
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
.dev-add-fixed-banner-sp-close {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #ffffff;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
}
.dev-add-fixed-banner-sp-close-box {
width: 6px;
display: inline-flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 2px;
}
.dev-add-fixed-banner-sp-close-line {
width: 100%;
height: 1px;
background: #A09288;
}
.dev-add-fixed-banner-sp-close-line:first-child {
rotate: 45deg;
}
.dev-add-fixed-banner-sp-close-line:last-child {
position: absolute;
width: 6px;
rotate: -45deg;
}
/* 初期表示抑止: iframe 生成まで元要素を非表示にする */
@media (min-width: 768px) {
#block-ignis-content > :not(.js-no-iframe) { display: none !important; };
}
/* スクロールバーを非表示 */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
display: none;
}
html, body {
-ms-overflow-style: none;
scrollbar-width: none;
}
@media (min-width: 768px) {
html:not(.--iframe-ready) #block-ignis-content
html:not(.--iframe-ready) .common-footer-block-area,
html:not(.--iframe-ready) common-footer-block-area,
html:not(.--iframe-ready) #common-aside-shop,
html:not(.--iframe-ready) .common-aside-instagram,
html:not(.--iframe-ready) .common-aside-flow-line,
html:not(.--iframe-ready) .common-footer { display: none !important; }
}