<meta name="facebook-domain-verification" content="21zcxusxl7tk4hlehn4hssmeyh5fm3" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="format-detection" content="telephone=no,date=no,address=no,email=no"> <title>西武・そごうの公式ショッピングサイト e.デパート</title> <meta name="keywords" content=""> <meta name="description" content="百貨店ブランドのコスメ、人気のデパ地下グルメのほか、母の日、お中元、お歳暮など季節のギフト、内祝いなどシーンごとの贈り物も豊富に取り揃えました。ご指定のセブン‐イレブン店舗で、ご都合の良い時間に、送料無料で受け取れます。クラブ・オン/ミレニアムポイントと合わせてnanacoポイント、マイルも貯まってトリプルでお得です。"> <!-- ogp --> <meta property="og:title" content="西武・そごうの公式ショッピングサイト e.デパート"> <meta property="og:description" content="百貨店ブランドのコスメ、人気のデパ地下グルメのほか、母の日、お中元、お歳暮など季節のギフト、内祝いなどシーンごとの贈り物も豊富に取り揃えました。ご指定のセブン‐イレブン店舗で、ご都合の良い時間に、送料無料で受け取れます。クラブ・オン/ミレニアムポイントと合わせてnanacoポイント、マイルも貯まってトリプルでお得です。"> <meta property="og:type" content="website"> <meta property="og:url" content="https&#58;&#47;&#47;edepart.sogo-seibu.jp&#47;"> <meta property="og:image" content=""> <meta property="og:site_name" content="西武・そごうの公式ショッピングサイト e.デパート"> <meta property="og:locale" content="ja_JP"> <meta property="fb:app_id" content="1411640995737090"> <!-- twitter card --> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@edepart"> <link rel="canonical" href="https&#58;&#47;&#47;edepart.sogo-seibu.jp&#47;"> <!-- icon and favicon --> <link rel="shortcut icon" href= "https://img.sogo-seibu.jp/contents/img/common/favicon.ico"> <link rel="icon" type="image/png" href="https://img.sogo-seibu.jp/contents/img/common/android-touch-icon.png"> <link rel="apple-touch-icon-precomposed" href="https://img.sogo-seibu.jp/contents/img/common/apple-touch-icon.png"> <link rel="stylesheet" type="text/css" href="/contents/inc/common/css/style.css?ver=20231001" media="all" /> <link rel="stylesheet" href="/contents/inc/common/css/cmsbrand_module.css?ver=20231001"> <script type="text/javascript"> var pageInfo = {contextPath:"", defaultRootPath: "/default"}; </script> <script type="text/javascript" src="/default/script/ws10_front.js?ver=20231001" charset="UTF-8" ></script> <script type="text/javascript"> var rt_data= { user_id: "" }; </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TKGK38G');</script> <!-- End Google Tag Manager --> <script type="text/javascript">!function(r,t,j,s){(j=r.createElement(t)).type="text/javascript", j.async=!0,j.charset="utf-8",j.src="//js.rtoaster.jp/RTA-b74a-d986ef0347c6/rt.js", (s=r.getElementsByTagName(t)[0]).parentNode.insertBefore(j,s) }(document,"script")</script> <meta name="google-site-verification" content="BZXKFUWjXgNUfswiL8KHDpCKf4SQ8xfnufUNVO3w_Pc" /> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TKGK38G" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <noscript> <div class="sso-Noscript"> <div class="sso-Noscript__Inner">ご利用のブラウザではJavaScriptの設定が無効になっています。JavaScriptを有効に設定してください。 </div> </div> </noscript> <form id="head" method="get" action="/app/common/index" enctype="application/x-www-form-urlencoded" onsubmit="return false;"> <input type="hidden" name="transactionToken" value="836e5300-6a97-446c-8323-59afc37a1c85" /> <div> <div id="cm_001"> <!-- 重要なお知らせ --> <div class="mcms-ImportantNotice"></div> </div> <header class="sso-PageHeader"> <div class="sso-PageHeader__Inner"> <div class="sso-PageHeader__Logo"> <a href="/"> <img src="https://img.sogo-seibu.jp/contents/img/common/logo_sogo-seibu.svg" alt="SEIBU SOGO" width="270" height="28" > </a> </div> <ul class="sso-PageHeader__NavButtons"> <li class="sso-PageHeader__NavItem"> <button class="sso-PageHeader__Button" type="button" aria-controls="drawerMenu" aria-expanded="false" > <span class="sso-Icon -menu"></span> <span class="sso-PageHeader__ButtonLabel"> メニュー </span> </button> </li> <li class="sso-PageHeader__NavItem"> <button class="sso-PageHeader__Button" type="button" aria-controls="searchModal" aria-expanded="false" > <span class="sso-Icon -search"></span> <span class="sso-PageHeader__ButtonLabel"> 検索 </span> </button> </li> </ul> <ul class="sso-PageHeader__Utils"> <li class="sso-PageHeader__UtilItem"> <button class="sso-PageHeader__Button" type="button" aria-controls="pageHeaderAccountMenu" aria-expanded="false"> <span class="sso-Icon -account"></span> <span class="sso-PageHeader__ButtonLabel"> ゲストさん </span> </button> <div class="sso-PageHeader__AccountMenu" id="pageHeaderAccountMenu" aria-hidden="true"> <ul class="sso-PageHeader__AccountMenuInner"> <li> <a href="https://account.7id.omni7.jp/new-account/mail?sitecd=0002&amp;r_url=https%3A%2F%2Fedepart.sogo-seibu.jp%2Fapp%2Fcatalog%2Fheader%2Flogin" onclick="" onkeypress="" onmouseover="" onmouseout="" >会員登録 </a> </li> <li> <a href="/app/catalog/header/login" onclick="" onkeypress="" onmouseover="" onmouseout="" >ログイン </a> </li> </ul> </div> </li> <li class="sso-PageHeader__UtilItem"> <button class="sso-PageHeader__Button" type="button" onclick="location.href='/cart/'" > <span class="sso-PageHeader__ButtonBadge"> 0 </span> <span class="sso-Icon -cart"></span> <span class="sso-PageHeader__ButtonLabel"> カート </span> </button> </li> </ul> </div> </header> </div> </form> <div style="text-align:center"> </div> <div class="sso-DrawerMenu" id="drawerMenu" aria-hidden="true"> <div class="sso-DrawerMenu__Inner"> <div class="sso-DrawerMenu__Overlay"></div> <button class="sso-DrawerMenu__CloseButton" type="button" aria-controls="drawerMenu" aria-expanded="false">閉じる</button> <div class="sso-DrawerMenu__Panel"> <div class="sso-DrawerMenu__Account"> <button class="sso-DrawerMenu__AccountName" type="button"> <em> <span>ゲスト</span> </em>さん </button> <ul class="sso-DrawerMenu__AccountMenu"> <li> <a href="/app/catalog/header/login" onclick="" onkeypress="" onmouseover="" onmouseout="" >ログイン </a> </li> <li> <a href="https://account.7id.omni7.jp/new-account/mail?sitecd=0002&amp;r_url=https%3A%2F%2Fedepart.sogo-seibu.jp%2Fapp%2Fcatalog%2Fheader%2Flogin" onclick="" onkeypress="" onmouseover="" onmouseout="" >会員登録 </a> </li> </ul> </div> <div id="dw_001"> <style> .sso-DrawerMenu_h2title { padding: 20px 30px 20px 20px; margin: 0; color: #FFFFFF; font-size: 16px; font-weight: 400; background: #333; } </style> <h2 class="sso-DrawerMenu_h2title">メニュー</h2> <h3 class="sso-DrawerMenu__Heading"> サポート </h3> <ul class="sso-DrawerMenu__Menu"> <li><a href="/static/help">ヘルプ・カスタマーサポート</a></li> </ul> <h3 class="sso-DrawerMenu__Heading">お知らせ</h3> <div class="mcms-DrawerNewsList"></div> </div> <div id="dw_003"> <div class="sso-FreeHtmlArea"> <h3 class="sso-DrawerMenu__Heading"> 商品を探す </h3> <ul class="sso-DrawerMenu__Menu"> <li> <button class="sso-DrawerMenu__MenuOpener" type="button" > カテゴリーから探す </button> <ul class="sso-DrawerMenu__MenuChildren"> <li> <a href="/cosme"> コスメ&ビューティー </a> </li> <li> <a href="/category/se070000"> バラエティーコスメ </a> </li> <li> <a href="/summergift/"> お中元 </a> </li> <li> <a href="/food"> フード&スイーツ </a> </li> <li> <a href="/gift"> ギフト </a> </li> <li> <a href="/category/se010000"> レディース </a> </li> <li> <a href="/category/se020000"> メンズ </a> </li> <li> <a href="/category/se030000"> ベビー・キッズ </a> </li> <li> <a href="/category/se040000"> スポーツ・アウトドア </a> </li> <li> <a href="/category/se050000"> ホーム・キッチン&アート </a> </li> <li class="sso-DrawerMenu__MenuChildren__last"> <a href="/list/category"> カテゴリ一覧を見る </a> </li> </ul> </li> <li> <button class="sso-DrawerMenu__MenuOpener" type="button" > 新着商品から探す </button> <ul class="sso-DrawerMenu__MenuChildren"> <li> <a href="/search?sort=5&category=cs000000"> コスメ&ビューティー </a> </li> <li> <a href="/search?sort=5&category=se070000"> バラエティーコスメ </a> </li> <li> <a href="/search?sort=5&category=sg000000"> お中元 </a> </li> <li> <a href="/search?sort=5&category=fd000000"> フード&スイーツ </a> </li> <li> <a href="/search?sort=5&category=gf000000"> ギフト </a> </li> <!-- <li> <a href="/search?sort=5&category=se000000"> セレクト </a> </li> --> <li> <a href="/search?sort=5&category=se010000"> レディース </a> </li> <li> <a href="/search?sort=5&category=se020000"> メンズ </a> </li> <li> <a href="/search?sort=5&category=se030000"> ベビー・キッズ </a> </li> <li> <a href="/search?sort=5&category=se040000"> スポーツ・アウトドア </a> </li> <li> <a href="/search?sort=5&category=se050000"> ホーム・キッチン&アート </a> </li> </ul> </li> <li> <a href="/list/brand"> ブランドから探す </a> </li> </ul> </div> </div> <div id="dw_004"> <div id="dw_003" class="sso-FreeHtmlArea"> <!-- FreeArea #pg_dw_003 Start --> <!-- <p class="sso-FreeHtmlAreaComment">FreeArea ID=dw_003</p> --> <h3 class="sso-DrawerMenu__Heading"> ランキング・特集 </h3> <ul class="sso-DrawerMenu__Menu"> <li> <a href="/list/ranking/"> ランキング </a> </li> <li> <a href="/list/feature/"> 特集 </a> </li> </ul> <!-- FreeArea #dw_003 End --> </div> </div> <div id="dw_005"> <div class="mcms-DrawerFeaturesList"></div> </div> <div id="dw_006"> <!--サポート[s]--> <!-- <h3 class="sso-DrawerMenu__Heading"> サポート </h3> --> <!-- <ul class="sso-DrawerMenu__Menu"> <li><a href="/static/help">ヘルプ・カスタマーサポート</a></li> </ul> --> <style> .sso-OrderSummary__ShippingOptions > li:nth-child(1) .sso-OrderSummary__ShippingOptionText em, .sso-OrderSummary__ShippingOptions > li:nth-child(2) .sso-OrderSummary__ShippingOptionText em, .sso-Cart .sso-Cart__Message > .sso-Cart__txLine:nth-child(1), .sso-Cart .sso-Cart__Message > .sso-Cart__txLine:nth-child(2), .sso-Cart .sso-Cart__Message > br:first-of-type, .sso-CartItems__FreeShippingNotice { display:none; } </style> <!--サポート[e]--> <!--トピックス[s]--> <h3 class="sso-DrawerMenu__Heading" style="border-top: 0;"> トピックス </h3> <ul class="sso-DrawerMenu__ItemLinkList"> <li> <a class="sso-DrawerMenu__ItemLink" href="https://biryuhyakkaweb.jp/?ua_click=top_dw_006_topics" target="_blank" rel="noopener"> <div class="sso-DrawerMenu__ItemLinkImage"> <img src="https://img.sogo-seibu.jp/contents/inc/drawer/dw_006/img/250711_dw_topics_biryuweb.jpg" alt="西武・そごうのコスメ情報サイト 美流百華WEB" width="40" height="40"> </div> <div class="sso-DrawerMenu__ItemLinkLabel"> 西武・そごうのコスメ情報サイト 美流百華WEB <span class="sso-Icon -external"></span> </div> </a> </li> <li> <a class="sso-DrawerMenu__ItemLink" href="https://lin.ee/zqnUwzp/?ua_click=top_dw_006_topics" target="_blank" rel="noopener"> <div class="sso-DrawerMenu__ItemLinkImage"> <img src="https://img.sogo-seibu.jp/contents/inc/drawer/dw_006/img/231110_dw_topics_line.jpg" alt="西武・そごうLINE公式アカウント友だち募集中" width="40" height="40"> </div> <div class="sso-DrawerMenu__ItemLinkLabel"> 西武・そごうLINE公式アカウント友だち募集中 <span class="sso-Icon -external"></span> </div> </a> </li> </ul> <!--トピックス[e]--> <!--グローバルナビGTM用[s]--> <div id="include_Gnavigation" style="display:none;"> <style> #include_Gnavigation .nav-container.fl-nav-container{ display: none; } </style> <link rel="stylesheet" href="/contents/inc/drawer/dw_006/css/navi/style.css?v1"> <!-- s グローバルナビ --> <div class="nav-container fl-nav-container"> <div class="controls"> <div class="prev"></div> <div class="next"></div> </div> <div class="menu-container"> <ul class="menulist scroll"> <li> <a href="/cosme?ua_click=gnavi_category" class="menu-item1" data-no="1">コスメ&ビューティー</a> <div class="secondlevel"> <div class="inr"> <ul> <li><a href="/category/cs010000/">スキンケア</a></li> <li><a href="/category/cs020000/">ベースメイク</a></li> <li><a href="/category/cs030000/">ポイントメイク</a></li> <li><a href="/category/cs040000/">ネイル</a></li> <li><a href="/category/cs050000/">ボディーケア</a></li> <li><a href="/category/cs060000/">ヘアケア</a></li> <li><a href="/category/cs070000/">フレグランス</a></li> <li><a href="/category/cs080000/">キット・セット</a></li> <li><a href="/category/cs090000/">メンズコスメ</a></li> <li><a href="/category/cs100000/">美容雑貨</a></li> <li><a href="/category/cs110000/">サプリメント・インナービューティー</a></li> </ul> </div> </div> <!-- secondlevel --> </li> <li><a href="/category/se070000?ua_click=gnavi_category" class="menu-item2" data-no="2">バラエティー コスメ</a></li> <style type="text/css"> /*お中元・お歳暮時期以外ではコメントアウトする[s]*/ / .nav-container .menu-container > ul > li > a {padding: 0 9px;} /*お中元・お歳暮時期以外ではコメントアウトする[e]*/ </style> <!-- お中元・お歳暮時期以外ではコメントアウトする[s]--> <li><a href="/summergift/?ua_click=gnavi_category" class="menu-item2" data-no="2">お中元</a></li> <!-- <li><a href="/wintergift/?ua_click=gnavi_category" class="menu-item2" data-no="2">お歳暮</a></li> --> <!-- お中元・お歳暮時期以外ではコメントアウトする[e]--> <li> <a href="/food?ua_click=gnavi_category" class="menu-item3" data-no="3">フード&スイーツ</a> <div class="secondlevel"> <div class="inr"> <ul> <li><a href="/category/fd010000/">生鮮食品</a></li> <li><a href="/category/fd020000/">惣菜</a></li> <li><a href="/category/fd030000/">調味料・瓶・缶詰</a></li> <li><a href="/category/fd040000/">米・麺・乾物</a></li> <li><a href="/category/fd050000/">洋菓子・パン</a></li> <li><a href="/category/fd060000/">和菓子</a></li> <li><a href="/category/fd070000/">酒</a></li> <li><a href="/category/fd080000/">飲料(お茶・水・ドリンク)</a></li> </ul> </div> </div> <!-- secondlevel --> </li> <li> <a href="/gift?ua_click=gnavi_category" class="menu-item4" data-no="4">ギフト</a> <div class="secondlevel"> <div class="inr"> <ul> <li><a href="/category/gf040000/">プレゼント・贈りもの</a></li> <li><a href="/category/gf010000/">お祝い・内祝い</a></li> <li><a href="/category/gf020000/">弔事・ご返礼</a></li> <li><a href="/category/gf030000/">カタログギフト</a></li> </ul> </div> </div> <!-- secondlevel --> </li> <li> <a href="/category/se010000?ua_click=gnavi_category" class="menu-item6" data-no="6">レディース</a> <div class="secondlevel"> <div class="inr"> <ul> <li> <a href="/category/se010100/">ジャケット</a> </li> <li> <a href="/category/se010200/">スカート</a> </li> <li> <a href="/category/se010300/">パンツ</a> </li> <li> <a href="/category/se010400/">シャツ・ブラウス</a> </li> <li> <a href="/category/se010500/">ニット・セーター</a> </li> <li> <a href="/category/se010600/">カーディガン</a> </li> <li> <a href="/category/se010700/">カットソー・Tシャツ</a> </li> <li> <a href="/category/se010800/">ワンピース・ドレス</a> </li> <li> <a href="/category/se010900/">コート・アウター</a> </li> <li> <a href="/category/se011000/">インナー</a> </li> <li> <a href="/category/se011100/">バッグ・革小物</a> </li> <li> <a href="/category/se011200/">シューズ</a> </li> <li> <a href="/category/se011300/">時計・アクセサリー</a> </li> <li> <a href="/category/se011400/">ハンカチ</a> </li> <li> <a href="/category/se011500/">ソックス・レッグウェア</a> </li> <li> <a href="/category/se011600/">ネックウェア</a> </li> <li> <a href="/category/se011700/">傘・日傘</a> </li> <li> <a href="/category/se011800/">ファッション雑貨</a> </li> <li> <a href="/category/se040000/">スポーツ・アウトドア</a> </li> <li> <a href="/category/se080000/">ウエルネス・日用雑貨</a> </li> </ul> </div> </div> <!-- secondlevel --> </li> <li> <a href="/category/se020000?ua_click=gnavi_category" class="menu-item7" data-no="7">メンズ</a> <div class="secondlevel"> <div class="inr"> <ul> <li> <a href="/category/se020100/">トップス</a> </li> <li> <a href="/category/se020200/">ボトムス</a> </li> <li> <a href="/category/se020300/">ジャケット・コート</a> </li> <li> <a href="/category/se020400/">スーツ・ワイシャツ・ネクタイ</a> </li> <li> <a href="/category/se020500/">フォーマル・和装</a> </li> <li> <a href="/category/se020600/">パジャマ・ルームウエア</a> </li> <li> <a href="/category/se020700/">肌着・靴下</a> </li> <li> <a href="/category/se020800/">メンズコスメ</a> </li> <li> <a href="/category/se020900/">シューズ</a> </li> <li> <a href="/category/se021000/">バック・革小物</a> </li> <li> <a href="/category/se021100/">ファッション雑貨</a> </li> <li> <a href="/category/se040000/">スポーツ・アウトドア</a> </li> <li> <a href="/category/se080000/">ウエルネス・日用雑貨</a> </li> </ul> </div> </div> <!-- secondlevel --> </li> <li> <a href="/category/se030000?ua_click=gnavi_category" class="menu-item8" data-no="8">ベビー・キッズ</a> <div class="secondlevel"> <div class="inr"> <ul class="sso-CategoryList__SubList"> <li> <a href="/category/se030100/">マタニティ</a> </li> <li> <a href="/category/se030200/">ベビー</a> </li> <li> <a href="/category/se030300/">キッズ</a> </li> <li> <a href="/category/se030400/">おもちゃ</a> </li> <li> <a href="/brand/003549">ランドセル</a> </li> <li> <a href="/feature/hinaningyou">ひな人形</a> </li> <li> <a href="/feature/gogatsuningyou">五月人形</a> </li> </ul> </div> </div> <!-- secondlevel --> </li> <li> <a href="/category/se050000?ua_click=gnavi_category" class="menu-item9" data-no="9">ホーム・キッチン&アート</a> <div class="secondlevel"> <div class="inr"> <ul> <li> <a href="/category/se050100/">キッチングッズ・キッチン家電</a> </li> <li> <a href="/category/se050200/">洋食器</a> </li> <li> <a href="/category/se050300/">和食器</a> </li> <li> <a href="/category/se050400/">家具・家電・インテリア雑貨</a> </li> <li> <a href="/category/se050500/">タオル・バス・トイレタリー</a> </li> <li> <a href="/category/se050600/">寝具・ルームウェア</a> </li> <li> <a href="/category/se050700/">ペット用品</a> </li> <li> <a href="/category/se050800/">掃除用品・ランドリー</a> </li> <li> <a href="/category/se050900/">ビューティ・ヘルスケア</a> </li> <li> <a href="/category/se051000/">防災用品・健康介護用品</a> </li> <li> <a href="/category/se051100/">和雑貨・お線香</a> </li> <li> <a href="/category/se051200/">趣味雑貨・ステーショナリー</a> </li> <li> <a href="/category/se051300/">絵画・アート</a> </li> <li> <a href="/category/se051400/">キャラクター雑貨</a> </li> <li> <a href="/category/se051500/">フラワーグリーン</a> </li> <li> <a href="/category/se080000/">ウエルネス・日用雑貨</a> </li> </ul> </div> </div> <!-- secondlevel --> </li> <li> <a class="sso-InlineLink -external menu-item10" href="https://biryuhyakkaweb.jp/" target="_blank" rel="noopener" data-no="10">ビューティーマガジン</a> <!-- secondlevel --> </li> </ul> <!-- menulist --> <div class="btnslide"></div> </div> </div> <!-- e グローバルナビ --> <script src="/contents/inc/drawer/dw_006/js/navi/top.js?v=2"></script> </div><!--include_Gnavigation--> <!--グローバルナビGTM用[e]--> </div> </div> </div> </div> <div class="sso-SearchModal" id="searchModal" aria-hidden="true"> <div class="sso-SearchModal__Overlay"></div> <div class="sso-SearchModal__Panel"> <button class="sso-SearchModal__CloseButton" type="button" aria-controls="searchModal" aria-expanded="false"></button> <h2 class="sso-SearchModal__Title">商品検索</h2> <input type="hidden" name="ajax-header-search-domain" value="edepart.sogo-seibu.jp"> <input type="hidden" name="ajax-header-search-frontend" value="0002_frontend"> <input type="hidden" name="ajax-header-search-maxNum" value="10"> <input type="hidden" name="list-path" value="/search"> <form class="js-SearchBar__Form"> <div class="sso-SearchModal__InputRow"> <span class="sso-SearchModal__SelectInput"> <select id="search_select" name="search_select" class="js-searchBar_select"> <option data-category="" data-placeholder="西武・そごうのe.デパートで探す">すべてのカテゴリー</option> <div id="sd_002"> <option data-category="cs000000" data-placeholder="コスメ&ビューティーで探す">コスメ&ビューティー</option> <option data-category="se070000" data-placeholder="バラエティーコスメで探す">バラエティーコスメ</option> <!-- <option data-category="wg000000" data-placeholder="お歳暮で探す">お歳暮</option> --> <option data-category="sg000000" data-placeholder="お中元で探す">お中元</option> <option data-category="fd000000" data-placeholder="フード&スイーツで探す">フード&スイーツ</option> <option data-category="gf000000" data-placeholder="ギフトで探す">ギフト</option> <option data-category="se010000" data-placeholder="レディースで探す">レディース</option> <option data-category="se020000" data-placeholder="メンズで探す">メンズ</option> <option data-category="se030000" data-placeholder="ベビー・キッズで探す">ベビー・キッズ</option> <option data-category="se040000" data-placeholder="スポーツ・アウトドア・トラベル">スポーツ・アウトドア・トラベル</option> <option data-category="se050000" data-placeholder="ホーム・キッチン&アートで探す">ホーム・キッチン&アート</option> </div> </select> <script type="text/javascript"> (function(){ var changeEvent = document.createEvent("HTMLEvents"); changeEvent.initEvent("change", false, false); document.querySelector('.sso-PageHeader__Button[aria-controls="searchModal"]').addEventListener("click", function(e){document.querySelector("#search_select").dispatchEvent(changeEvent)}); var targetCate = document.querySelectorAll('#search_select>option[data-category=""]'); false && '' && targetCate.length > 1 && !document.querySelector('#search_select').remove(1) && document.querySelector('#search_select>option[data-category=""]').setAttribute('selected', 'true'); })(); </script> </span> <div class="sso-SearchBar__TextInputWrap"> <input class="sso-SearchModal__TextInput js-SearchBar__TextInput sso-SearchBar__TextInput" type="text" placeholder="" autocomplete="off" value="" maxlength="100"> </div> <button class="sso-SearchModal__SubmitButton js-Search__SubmitButton"> 検索</button> </div> </form> <div id="sd_001"> <!-- 24/12/18 テキスト追加[s] --> <!-- <div class="sso-SearchModal__Heading" style="text-align: center;"> \AIに聞いてみた!/<br>AI技術を用いてお客さまの要望に合わせたギフト提案をいたします。 <div class="txt" style="margin-bottom: 3em;"> 検索は<a href="/feature/aitool" class="sso-InlineLink">こちらから</a> </div> </div> --> <!-- 24/12/18 テキスト追加[e] --> <h3 class="sso-SearchModal__Heading">注目ワード</h3><div class="mcms-SearchModalTagList"></div> </div> </div> </div> <div id="cm_002"> </div> <div id="pg_001"> <!-- FreeArea #pg_001 Start --> <!--帯バナー[s]--> <style> /* 帯バナー用PC/SP出し分けcss */ .obi { width: 100%; } .obi_pconly { display: block !important; max-width: 100%; margin: auto;} .obi_sponly { display: none !important; } @media only screen and (max-width: 680px) { .obi_pconly { display: none !important; } .obi_sponly { display: block !important; width: 100%;}} </style> <div class="obi" style="margin:20px 0;"> <a href="/summergift/?ua_click=summergift_top_obi" style="display: block; background-color: #0b7ccc;"> <img class="obi_pconly" src="https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/250711_obi_pc_summergift.jpg" alt="お中元・夏ギフト好評承り中!8月1日(金)午後4時59分まで"> <!--PC用--> <img class="obi_sponly" src="https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/250711_obi_sp_summergift.jpg" alt="お中元・夏ギフト好評承り中!8月1日(金)午後4時59分まで"> <!--SP用--> </a> </div> <!--帯バナー[e]--> <div class="sso-Hero"> <div class="sso-Hero__Slider"> <div class="sso-Hero__SliderWrapper"> <div class="sso-Hero__Slide"> <div class="sso-Hero__SlideMain"> <a href="/summergift/" > <div class="sso-Hero__SlideImageL" style="background-image: url(https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/250711_slide_summergift.jpg)"></div> </a> </div> </div> <div class="sso-Hero__Slide"> <div class="sso-Hero__SlideMain"> <a href="/brand/001769" > <div class="sso-Hero__SlideImageL" style="background-image: url(https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/250620_slide_summer.jpg)"></div> </a> </div> </div> <div class="sso-Hero__Slide"> <div class="sso-Hero__SlideMain"> <a href="/feature/f364700" > <div class="sso-Hero__SlideImageL" style="background-image: url(https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/250708_slide_coolsweets.jpg)"></div> </a> </div> </div> <div class="sso-Hero__Slide"> <div class="sso-Hero__SlideMain"> <a href="/feature/c2020484000" > <div class="sso-Hero__SlideImageL" style="background-image: url(https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/250716_slide_besthitcosme.jpg)"></div> </a> </div> </div> <div class="sso-Hero__Slide"> <div class="sso-Hero__SlideMain"> <a href="/feature/f501300" > <div class="sso-Hero__SlideImageL" style="background-image: url(https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/240903_slide_bousaigoods.jpg)"></div> </a> </div> </div> <div class="sso-Hero__Slide"> <div class="sso-Hero__SlideMain"> <a href="/feature/f370000" > <div class="sso-Hero__SlideImageL" style="background-image: url(https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/250613_slide_sutaminafood.jpg)"></div> </a> </div> </div> <div class="sso-Hero__Slide"> <div class="sso-Hero__SlideMain"> <a href="/brand/006558" > <div class="sso-Hero__SlideImageL" style="background-image: url(https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/250708_slide_kitajimayusuke.jpg)"></div> </a> </div> </div> <div class="sso-Hero__Slide"> <div class="sso-Hero__SlideMain"> <a href="/brand/003549" > <div class="sso-Hero__SlideImageL" style="background-image: url(https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/250305_slide_randoseru.jpg)"></div> </a> </div> </div> <div class="sso-Hero__Slide"> <div class="sso-Hero__SlideMain"> <a href="https://biryuhyakkaweb.jp" target="_blank"> <div class="sso-Hero__SlideImageL" style="background-image: url(https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/250711_slide_biryuhyakkaweb.jpg)"></div> </a> </div> </div> </div> <style> /* ナビゲーション調整css */ .sso-Hero__PaginationWrap { margin-top: 34px; display: flex; align-items: center; justify-content: center } .sso-Hero__PaginationWrap .sso-Hero__Pagination { margin: 0 20px; } .navigation { line-height: 1; cursor: pointer; transition: opacity .3s; } .navigation:hover { opacity: .7; } .navigation:after { display: block; width: 15px; height: auto; content: url(https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/arrow.png); } .navigation.-isPrev:after { transform: scale(-1, 1); } @media (max-width:680px) { .sso-Hero__PaginationWrap { margin-top: 13px; } .sso-Hero__PaginationWrap .sso-Hero__Pagination { margin: 0; } .navigation:after { width: 10px; } } </style> <div class="sso-Hero__PaginationWrap"> <div class="sso-Hero__PrevNavigation navigation -isPrev"></div> <div class="sso-Hero__Pagination"></div> <div class="sso-Hero__NextNavigation navigation -isNext"></div> </div> </div> </div> <!--include--> <!-- FreeArea #pg_001 End --> <!--====================================== スライダー用記述[s]※削除禁止 ========================================--> <style> .sso-Container.-SliderTop { margin: 0 auto; } @media (max-width: 940px) { .sso-Container.-SliderTop { padding: 0 20px; } } .sso-Container.-SliderTop .sso-SectionHeader .sso-SectionHeader__Side { margin: 0 0 0 10px; letter-spacing: -.025em; font-weight: normal; } .sso-Hero__Slide { margin: 0 20px; max-width: 1200px; } .sso-Hero .sso-Hero__SlideImageL { padding-top: 50%; } @media (max-width: 680px) { .sso-Hero .sso-Hero__SlideImageL { display: block; } .sso-Hero .sso-Hero__SlideImageS { display: none; } } </style> <!--====================================== スライダー用記述[e]※削除禁止 ========================================--> <!--====================================== スライダー下矢印追加※削除禁止 ========================================--> <style> /* ナビゲーション調整css */ .sso-Hero__PaginationWrap { margin-top: 34px; display: flex; align-items: center; justify-content: center } .sso-Hero__PaginationWrap .sso-Hero__Pagination { margin: 0 20px; } .navigation { line-height: 1; cursor: pointer; transition: opacity .3s; } .navigation:hover { opacity: .7; } .navigation:after { display: block; width: 15px; height: auto; content: url(https://img.sogo-seibu.jp/contents/inc/top/pg_001/img/sso-Hero/arrow.png); } .navigation.-isPrev:after { transform: scale(-1, 1); } @media (max-width:680px) { .sso-Hero__PaginationWrap { margin-top: 13px; } .sso-Hero__PaginationWrap .sso-Hero__Pagination { margin: 0; } .navigation:after { width: 10px; } } </style> <!--====================================== スライダー下矢印追加[e]※削除禁止 ========================================--> </div> <input type="hidden" name="ajax-header-search-domain" value="edepart.sogo-seibu.jp"> <input type="hidden" name="ajax-header-search-frontend" value="0002_frontend"> <input type="hidden" name="ajax-header-search-maxNum" value="10"> <form class="sso-SearchBar js-SearchBar__Form" novalidate> <div class="sso-SearchBar__InputRow"> <span class="sso-SearchBar__SelectInput"> <select id="searchBar_select" name="searchBar_select" class="js-searchBar_select"> <option data-placeholder="西武・そごうのe.デパートで探す" value="search_select_all">すべてのカテゴリー</option> <div id="sd_002"> <option data-category="cs000000" data-placeholder="コスメ&ビューティーで探す">コスメ&ビューティー</option> <option data-category="se070000" data-placeholder="バラエティーコスメで探す">バラエティーコスメ</option> <!-- <option data-category="wg000000" data-placeholder="お歳暮で探す">お歳暮</option> --> <option data-category="sg000000" data-placeholder="お中元で探す">お中元</option> <option data-category="fd000000" data-placeholder="フード&スイーツで探す">フード&スイーツ</option> <option data-category="gf000000" data-placeholder="ギフトで探す">ギフト</option> <option data-category="se010000" data-placeholder="レディースで探す">レディース</option> <option data-category="se020000" data-placeholder="メンズで探す">メンズ</option> <option data-category="se030000" data-placeholder="ベビー・キッズで探す">ベビー・キッズ</option> <option data-category="se040000" data-placeholder="スポーツ・アウトドア・トラベル">スポーツ・アウトドア・トラベル</option> <option data-category="se050000" data-placeholder="ホーム・キッチン&アートで探す">ホーム・キッチン&アート</option> </div> </select> </span> <div class="sso-SearchBar__Inner"> <div class="sso-SearchBar__TextInputWrap"> <input type="text" name="searchInput" id="searchInput" value="" maxlength="100" class="sso-SearchBar__TextInput js-SearchBar__TextInput" style="" placeholder="西武・そごうのe.デパートで探す" autocomplete=off /> </div> <button class="sso-SearchBar__SubmitButton js-Search__SubmitButton" aria-label="送信"></button> </div> </div> </form> <div id="pg_002"> <!-- 重要なお知らせ start --> <style> .-topNoticeArea .conts-noticelist { background-color: #E8E8E8; padding: 25px 20px; list-style: none; } .-topNoticeArea .conts-sp { display: none; } .-topNoticeArea .conts-noticelist li:not(:last-child) { margin-bottom: 20px; } .-topNoticeArea .conts-noticelist a { color: #000; } .-topNoticeArea .conts-noticelist a:hover { text-decoration: underline; color: #0071ce; } .-topNoticeArea .conts-noticelist .conts-noticetext { font-size: 14px; margin: 0; text-align: center; } .-topNoticeArea .conts-noticelist .conts-bold { font-weight: bold; margin: 0; } @media (max-width: 680px) { .-topNoticeArea .conts-sp { display: block; } .-topNoticeArea .conts-pc { display: none; } .-topNoticeArea .conts-noticelist a { color: #000; } .-topNoticeArea .conts-noticelist .conts-noticetext { text-align: left; } } </style> <div class="sso-Container -topNoticeArea" style="margin: -10px auto;"> <ul class="conts-noticelist"> <li class="conts-sp"> <p class="conts-bold">【重要なお知らせ】</p> </li> <li> <a href="/static/newsdetail?newsId=hrzphi4-8-8"> <p class="conts-noticetext"><span class="conts-pc">【重要なお知らせ】</span>「e.デパート」会員組織変更について</p> </a> </li> <li> <a href="/static/newsdetail?newsId=sitemaintenance"> <p class="conts-noticetext"><span class="conts-pc">【重要なお知らせ】</span>システムメンテナンスのお知らせ</p> </a> </li> </ul> </div> <!-- 重要なお知らせ end --> <!-- 特集エリア記述 start --> <div class="sso-Container -topFeaturesArea" style="margin: 40px auto;"> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Heading"> <div class="sso-MainSectionHeader__HeadingEn"> FEATURES </div> <h2 class="sso-MainSectionHeader__HeadingMain"> 特集 </h2> </div> <div class="sso-MainSectionHeader__Side -InlineLinkPc"> <a class="sso-InlineLink" href="/list/feature/">特集一覧を見る</a> </div> </div> <div class="sso-CmsBrandModuleItemList -col5 -features"> <ul class="sso-CmsBrandModuleItemList__List"> <li> <a href="/feature/f368800"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/250701_feat_summersale.jpg?w=220,h=220" loading="lazy" alt="夏のクリアランスセール" width="220" height="220" /> <h3 data-mh class="sso-CmsBrandModule__Heading3"> 夏のクリアランスセール </h3> </a> </li> <li> <a href="/brand/000418"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/250710_feat_otoriyose.jpg?w=220,h=220" loading="lazy" alt="お取り寄せグルメセレクション" width="220" height="220" /> <h3 data-mh class="sso-CmsBrandModule__Heading3"> お取り寄せグルメセレクション </h3> </a> </li> <li> <a href="/feature/f394300"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/250714_feat_yokohamagift.jpg?w=220,h=220" loading="lazy" alt="横浜・湘南・鎌倉みやげ" width="220" height="220" /> <h3 data-mh class="sso-CmsBrandModule__Heading3"> 横浜・湘南・鎌倉みやげ </h3> </a> </li> <li> <a href="/feature/f422700"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/250522_feat_hokkaido.jpg?w=220,h=220" loading="lazy" alt="北海道フェア" width="220" height="220" /> <h3 data-mh class="sso-CmsBrandModule__Heading3"> 北海道フェア </h3> </a> </li> <li> <a href="/static/newsdetail?newsId=4ng7m6a0jd5"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/250519_feat_sunrain.jpg?w=220,h=220" loading="lazy" alt="SUN&RAIN" width="220" height="220" /> <h3 data-mh class="sso-CmsBrandModule__Heading3"> SUN&RAIN </h3> </a> </li> <li> <a href="https://choosebase.jp/" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/250512_feat_cbs.jpg?w=220,h=220" loading="lazy" alt=" CHOOSEBASE SHIBUYA" width="220" height="220" /> <h3 data-mh class="sso-CmsBrandModule__Heading3"> CHOOSEBASE SHIBUYA <span class="sso-Icon -external"></span> </h3> </a> </li> </ul> </div> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Side -InlineLinkSp "> <a class="sso-InlineLink" href="/list/feature/">特集一覧を見る</a></div> </div> </div> <!-- 特集エリア記述end --> <style type="text/css"> /* PC・SP[s] */ .CategoryBox-Container { max-width: 1200px; padding: 0; margin: 60px auto; } .CategoryBox-Container .sso-CmsBrandModuleItemList { max-width: 1000px; margin: auto; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List { justify-content:space-between; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List a:hover { text-decoration: underline; color: #0071ce; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List li { display: flex; flex-wrap: wrap; width: 100%; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: inherit; margin: 0 auto; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li img { max-width: 100%; transition: opacity .25s; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List a:hover img { opacity: .5; } /* PC・SP[e] */ /* SP[s] */ @media (max-width: 680px) { .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List li .sso-CmsBrandModule__Heading3 { font-size: clamp(12px, 2vw, 14px); } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col { flex-direction: row; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li img { width: 250px; } } /* SP[e] */ /* PC[s] */ @media (min-width: 681px) { .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List li { justify-content: space-around; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List:after { content: ""; width: 25%; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List:before { content: ""; width: 26%; order: 1; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List li .sso-CmsBrandModule__Heading3 { text-align: center; font-size: 14px; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col { flex-direction: column; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li { max-width: 100%; margin: 0; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li img { width: 150px; } } /* PC[e] */ </style> </div> <div id="pg_003"> <!-- <div style="border: 1px solid #0074ce;">静的コンテンツ(特集一覧上部エリア)</div> --> <!--====================================== 〇〇を見るリンク用記述[e]※削除禁止 ========================================--> <style> .sso-MainSectionHeader__Side > a{ text-decoration: none; cursor: pointer; color: #fff; background-color: #0071ce; border-radius: 99px; padding:10px 13px; display: inline-block; } .sso-MainSectionHeader__Side > a:hover{ background-color: #338dd8; text-decoration: none; color: #fff; } </style> <!--====================================== 〇〇を見るリンク用記述[e]※削除禁止 ========================================--> </div> <div class="sso-Separator"></div> <div id="pg_004"> <style type="text/css"> /* PC・SP[s] */ .CategoryBox-Container { max-width: 1200px; padding: 0; margin: 60px auto; } .CategoryBox-Container .sso-CmsBrandModuleItemList { max-width: 1000px; margin: auto; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List { justify-content: space-between; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List a:hover { text-decoration: underline; color: #0071ce; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List li { display: flex; flex-wrap: wrap; width: 100%; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: inherit; margin: 0 auto; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li img { max-width: 100%; transition: opacity .25s; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List a:hover img { opacity: .5; } /* PC・SP[e] */ /* SP[s] */ @media (max-width: 680px) { .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List li .sso-CmsBrandModule__Heading3 { font-size: clamp(12px, 2vw, 14px); } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col { flex-direction: row; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li img { width: 250px; } } /* SP[e] */ /* PC[s] */ @media (min-width: 681px) { .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List li { justify-content: space-around; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List:after { content: ""; width: 25%; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List:before { content: ""; width: 26%; order: 1; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List li .sso-CmsBrandModule__Heading3 { text-align: center; font-size: 14px; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col { flex-direction: column; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li { max-width: 100%; margin: 0; position: relative; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li img { width: 150px; } } /* PC[e] */ /* イベントアイコンpc[s] */ .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li .eventIcon { position: absolute; top: -20px; right: 9px; padding: 6px 18px; font-size: 12px; font-weight: bold; color: #fff !important; background-color: #ed0000; line-height: 1; border-radius: 50px; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li .longIcon { width: 150px; text-align: center; padding: 6px 0; left: 32px; } /* イベントアイコンpc[e] */ /* イベントアイコンsp[s] */ @media screen and (max-width: 680px) { .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List li { position: relative; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li .eventIcon { font-size: clamp(10px, 2.66vw, 13px); top: -11px; left: 0; right: initial; padding: 4px 12px; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li .centerIcon { width: 40px; font-size: clamp(10px, 2.66vw, 13px); top: -11px; right: 0; left: 0; margin: 0 auto; padding: 4px 9px; text-align: center; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li .longIcon { width: 120px; font-size: clamp(10px, 2.66vw, 13px); padding: 4px 0; top: -11px; left: 0; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li .centerlongIcon { left: 50%; transform: translateX(-50%); } } @media screen and (max-width: 376px) { .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li .centerIcon { width: 30px; padding: 4px 9px; } .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li .longIcon { width: 100px; } } /* イベントアイコンsp[e] */ /* イベントアイコンstyleB:中央寄せ・5文字までパタン[s] */ .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li .eventIcon.styleB { top: -11px; right: auto; /*padding: 0px 18px;*/ } @media screen and (max-width: 680px) { .CategoryBox-Container .sso-CmsBrandModuleItemList .sso-CmsBrandModuleItemList__List .sso-CmsBrandModuleItemList__List__col li .eventIcon.styleB { width: 100%; padding: 4px 0px; } } /* イベントアイコンstyleB:中央寄せ・5文字までパタン[e] */ </style> <div class="sso-Container"> <div class="CategoryBox-Container"> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Heading"> <div class="sso-MainSectionHeader__HeadingEn"> CATEGORY </div> <h2 class="sso-MainSectionHeader__HeadingMain"> カテゴリー </h2> </div> <div class="sso-MainSectionHeader__Side"> <a class="sso-InlineLink" href="/list/category">カテゴリー一覧を見る</a> </div> </div> <div class="sso-CmsBrandModuleItemList -col5"> <ul class="sso-CmsBrandModuleItemList__List"> <li> <a href="/summergift/?ua_click=top_pg_002_category" class="--conts-anchor-default"> <ul class="sso-CmsBrandModuleItemList__List__col"> <li> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/240509_cate_summergift.png" alt="お中元・夏ギフト" width="150" height="150" loading="lazy"> <!-- <div class="eventIcon centerIcon styleB">早期割</div> --> </li> <li> <h3 class="sso-CmsBrandModule__Heading3">お中元・夏ギフト <!-- <span class="sso-CmsBrandModule__Heading3" style="color: #ff0000;">7/10まで5~15%OFF</span> --> </h3> </li> </ul> </a> </li> <li> <a href="/cosme?ua_click=top_pg_002_category" class="--conts-anchor-default"> <ul class="sso-CmsBrandModuleItemList__List__col"> <li> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/sso-CategoryLinks/230207_cate_cb.png" alt="コスメ&ビューティー" width="150" height="150" loading="lazy"> <!-- <div class="eventIcon centerIcon">NEW</div> --> </li> <li> <h3 class="sso-CmsBrandModule__Heading3">コスメ<br class="-onlySmallScreen">&ビューティー</h3> </li> </ul> </a> </li> <li> <a href="/category/se070000?ua_click=top_pg_002_category" class="--conts-anchor-default"> <ul class="sso-CmsBrandModuleItemList__List__col"> <li> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/sso-CategoryLinks/230623_cate_varietycosme.png" alt="バラエティーコスメ" width="150" height="150" loading="lazy"> </li> <li> <h3 class="sso-CmsBrandModule__Heading3">バラエティーコスメ</h3> </li> </ul> </a> </li> <li> <a href="/food?ua_click=top_pg_002_category" class="--conts-anchor-default"> <ul class="sso-CmsBrandModuleItemList__List__col"> <li> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/sso-CategoryLinks/250411_cate_sf.jpg" alt="フード&スイーツ" width="150" height="150" loading="lazy"> </li> <li> <h3 class="sso-CmsBrandModule__Heading3">フード&スイーツ</h3> </li> </ul> </a> </li> <li> <a href="/gift?ua_click=top_pg_002_category" class="--conts-anchor-default"> <ul class="sso-CmsBrandModuleItemList__List__col"> <li> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/sso-CategoryLinks/230207_cate_gt.png" alt="ギフト" width="150" height="150" loading="lazy"> </li> <li> <h3 class="sso-CmsBrandModule__Heading3">ギフト</h3> </li> </ul> </a> </li> <li> <a href="/category/se010000?ua_click=top_pg_002_category" class="--conts-anchor-default"> <ul class="sso-CmsBrandModuleItemList__List__col"> <li> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/sso-CategoryLinks/230207_cate_ladies.png" alt="レディース" width="150" height="150" loading="lazy"> </li> <li> <h3 class="sso-CmsBrandModule__Heading3">レディース</h3> </li> </ul> </a> </li> <li> <a href="/category/se020000?ua_click=top_pg_002_category" class="--conts-anchor-default"> <ul class="sso-CmsBrandModuleItemList__List__col"> <li> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/sso-CategoryLinks/230207_cate_mens.png" alt="メンズ" width="150" height="150" loading="lazy"> </li> <li> <h3 class="sso-CmsBrandModule__Heading3">メンズ</h3> </li> </ul> </a> </li> <li> <a href="/category/se030000?ua_click=top_pg_002_category" class="--conts-anchor-default"> <ul class="sso-CmsBrandModuleItemList__List__col"> <li> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/240830_cate_baby.png" alt="ベビー・キッズ" width="150" height="150" loading="lazy"> </li> <li> <h3 class="sso-CmsBrandModule__Heading3">ベビー・キッズ</h3> </li> </ul> </a> </li> <li> <a href="/category/se050000?ua_click=top_pg_002_category" class="--conts-anchor-default"> <ul class="sso-CmsBrandModuleItemList__List__col"> <li> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_002/img/sso-CategoryLinks/230207_cate_hk.png" alt="ホーム・キッチン&アート" width="150" height="150" loading="lazy"> </li> <li> <h3 class="sso-CmsBrandModule__Heading3">ホーム・キッチン<br class="-onlySmallScreen">&アート</h3> </li> </ul> </a> </li> <li> <a href="/feature/f368800?ua_click=top_pg_002_category" class="--conts-anchor-default"> <ul class="sso-CmsBrandModuleItemList__List__col"> <li> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/sso-CategoryLinks/250708_cate_summersale.png" alt="夏のクリアランスセール" width="150" height="150" loading="lazy"> <!-- バッチつける「s」 --> <!-- <div class="eventIcon centerIcon styleB">5/6まで!</div> --> <!-- バッチつける「e」 --> </li> <li> <h3 class="sso-CmsBrandModule__Heading3">夏のクリアランスセール</h3> </li> </ul> </a> </li> <!--崩れ対応用 4の倍数(4、8、12・・・)以外で設置する場合は都度修正[s]--> <li class="obi_pconly"> </li> <li class="obi_pconly"> </li> <li class="obi_pconly"> </li> <!--崩れ対応用 4の倍数(4、8、12・・・)以外で設置する場合は都度修正[e]--> </ul> </div> </div> </div> <!-- 罫線 --> <div class="sso-Separator"></div> <!-- ブランドエリア start --> <link href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-auto-scroll@0.5.3/dist/js/splide-extension-auto-scroll.min.js"></script> <style> .sso-PickupBrandList__List.splide__list { will-change: transform; } .sso-PickupBrandList__Item { width: 15.8333333333333%; /*(190/1200)*/ min-width: 190px; } .sso-PickupBrandList__Item h3 { margin: 0; } .sso-PickupBrandList__Item span { display: block; } .sso-PickupBrandList__Thumbnail { position: relative; z-index: 1; overflow: hidden; } .sso-PickupBrandList__Thumbnail img { width: 100%; height: auto; transition: transform .5s; will-change: transform; } .sso-PickupBrandList__Thumbnail:hover img { transform: scale(1.15) } .sso-PickupBrandList__Logo { margin: 13px auto 0; max-width: 190px; text-align: center; } @media (max-width: 680px) { .sso-PickupBrandList__Item { width: 33.7142857142857%; /*(118/350)*/ min-width: 0; } .sso-PickupBrandList__Logo { margin: 2.6470588235294% auto 0; width: 100%; } .sso-PickupBrandList__Logo img { width: 100%; height: auto; } } </style> <div class="sso-Container"> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Heading"> <div class="sso-MainSectionHeader__HeadingEn"> PICKUP BRAND </div> <h2 class="sso-MainSectionHeader__HeadingMain"> ピックアップ ブランド </h2> </div> <div class="sso-MainSectionHeader__Side "> <a class="sso-InlineLink" href="/list/brand">ブランド一覧を見る</a> </div> </div> <div class="sso-PickupBrandList splide" onmouseleave="mouse_leave()"> <div class="splide__track"> <ul class="sso-PickupBrandList__List splide__list"> <li class="sso-PickupBrandList__Item splide__slide"> <a href="/brand/006570"> <h3> <span class="sso-PickupBrandList__Thumbnail"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-thumb-burberry.jpg" alt="バーバリー ビューティ" width="190" height="190"> </span> <span class="sso-PickupBrandList__Logo"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-logo-burberry.jpg" alt="バーバリー ビューティ" width="190" height="60"> </span> </h3> </a> </li> <li class="sso-PickupBrandList__Item splide__slide"> <a href="/brand/001890"> <h3> <span class="sso-PickupBrandList__Thumbnail"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-thumb-fukusaya.jpg" alt="福砂屋(フクサヤ)" width="190" height="190"> </span> <span class="sso-PickupBrandList__Logo"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-logo-fukusaya.jpg" alt="福砂屋(フクサヤ)" width="190" height="60"> </span> </h3> </a> </li> <li class="sso-PickupBrandList__Item splide__slide"> <a href="/brand/005577"> <h3> <span class="sso-PickupBrandList__Thumbnail"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-thumb-celevoke.jpg" alt="Celvoke(セルヴォーク)" width="190" height="190"> </span> <span class="sso-PickupBrandList__Logo"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250124_top_brand-logo-celvoke.jpg" alt="Celvoke(セルヴォーク)" width="190" height="60"> </span> </h3> </a> </li> <li class="sso-PickupBrandList__Item splide__slide"> <a href="/brand/001039"> <h3> <span class="sso-PickupBrandList__Thumbnail"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-thumb-ippodouchyaho.jpg" alt="一保堂茶舗(イッポドウチャホ)" width="190" height="190"> </span> <span class="sso-PickupBrandList__Logo"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-logo-ippodouchyaho.jpg" alt="一保堂茶舗(イッポドウチャホ)" width="190" height="60"> </span> </h3> </a> </li> <li class="sso-PickupBrandList__Item splide__slide"> <a href="/brand/001308"> <h3> <span class="sso-PickupBrandList__Thumbnail"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-thumb-rmk.jpg" alt="RMK(アールエムケー)" width="190" height="190"> </span> <span class="sso-PickupBrandList__Logo"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/231023_top_brand-logo-rmk.jpg" alt="RMK(アールエムケー)" width="190" height="60"> </span> </h3> </a> </li> <li class="sso-PickupBrandList__Item splide__slide"> <a href="/brand/000027"> <h3> <span class="sso-PickupBrandList__Thumbnail"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/240920_top_brand-thumb-baccarat.jpg" alt="Baccarat(バカラ)" width="190" height="190"> </span> <span class="sso-PickupBrandList__Logo"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/231023_top_brand-logo-baccarat.jpg" alt="Baccarat(バカラ)" width="190" height="60"> </span> </h3> </a> </li> <li class="sso-PickupBrandList__Item splide__slide"> <a href="/feature/c2000000087"> <h3> <span class="sso-PickupBrandList__Thumbnail"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-thumb-polo.jpg" alt="POLO RALPH LAUREN(ポロ ラルフ ローレン)" width="190" height="190"> </span> <span class="sso-PickupBrandList__Logo"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/231023_top_brand-logo-polo.jpg" alt="POLO RALPH LAUREN(ポロ ラルフ ローレン)" width="190" height="60"> </span> </h3> </a> </li> <li class="sso-PickupBrandList__Item splide__slide"> <a href="/brand/000929"> <h3> <span class="sso-PickupBrandList__Thumbnail"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-thumb-morozoff.jpg" alt="モロゾフ" width="190" height="190"> </span> <span class="sso-PickupBrandList__Logo"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/240531_top_brand-logo-morozoff.jpg" alt="モロゾフ" width="190" height="60"> </span> </h3> </a> </li> <li class="sso-PickupBrandList__Item splide__slide"> <a href="/brand/000584"> <h3> <span class="sso-PickupBrandList__Thumbnail"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/240906_top_brand-thumb-kitamura.jpg" alt="キタムラ" width="190" height="190"> </span> <span class="sso-PickupBrandList__Logo"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/231023_top_brand-logo-kitamura.jpg" alt="キタムラ" width="190" height="60"> </span> </h3> </a> </li> <li class="sso-PickupBrandList__Item splide__slide"> <a href="/brand/006582"> <h3> <span class="sso-PickupBrandList__Thumbnail"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-thumb-crivelli.jpg" alt="メゾン クリヴェリ" width="190" height="190"> </span> <span class="sso-PickupBrandList__Logo"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_004/img/250718_top_brand-logo-crivelli.jpg" alt="メゾン クリヴェリ" width="190" height="60"> </span> </h3> </a> </li> </ul> </div> </div> </div> <script> const countSlideItem = document.querySelectorAll('#pg_004 .sso-PickupBrandList__Item').length; const splide = new Splide('.splide', { type: 'loop', drag: 'free', autoWidth: true, arrows: false, pagination: false, easing: 'linear', autoScroll: { speed: 1, }, breakpoints: { 680: { autoScroll: { speed: 0.7, } }, }, gap: '2.5%', }); splide.mount(window.splide.Extensions); //autoplay再開のためfocusを外す function mouse_leave() { document.activeElement.blur(); } </script> <!-- ブランドエリア end --> </div> <div id="pg_005"> <div class="sso-Container" id="site_recommend_top_item"> </div> </div> <div class="sso-Separator"></div> <div class="sso-Container"> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Heading"> <div id="pg_006"> <div class="sso-MainSectionHeader__HeadingEn"> COSME &amp; BEAUTY </div> <h2 class="sso-MainSectionHeader__HeadingMain"> コスメ&ビューティーランキング </h2> </div> </div> <div class="sso-MainSectionHeader__Side"> <a class="sso-InlineLink" href="/list/ranking/cs000000"> <span id="pg_007"> コスメ&ビューティー 人気ランキングを見る </span> </a> </div> </div> <div class="sso-ItemList5"> <ul class="sso-ItemList5__List"> <li class="sso-ItemList5__Item"> <a href="/item/002228/00100134973167713709"> <div class="sso-ItemList5__ItemBadge">1</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/002228/00100134973167713709/spec_800_00100134973167713709.jpg?w=240,h=240" alt="モノ ルック アイズ" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> SUQQU モノ ルック アイズ </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 4290 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/006573/00100513614229833799"> <div class="sso-ItemList5__ItemBadge">2</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/006573/00100513614229833799/spec_800_00100513614229833799.jpg?w=240,h=240" alt="ティファニー ローズ ゴールド モイスチャライジング ハンドクリーム" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> ティファニー ティファニー ローズ ゴールド モイスチャライジング ハンドクリーム </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 5610 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000456/00100514949411730587"> <div class="sso-ItemList5__ItemBadge">3</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000456/00100514949411730587/spec_800_00100514949411730587.jpg?w=240,h=240" alt="メディテーション オードパルファム(限定品)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> アユーラ メディテーション オードパルファム(限定品) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 2750 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/001308/00100134973167013892"> <div class="sso-ItemList5__ItemBadge">4</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/001308/00100134973167013892/spec_800_00100134973167013892.jpg?w=240,h=240" alt="インフィニシェイド シングル アイシャドウ(レフィル・限定色)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> RMK インフィニシェイド シングル アイシャドウ(レフィル・限定色) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 2530 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000456/00100514949411730020"> <div class="sso-ItemList5__ItemBadge">5</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000456/00100514949411730020/spec_800_00100514949411730037.jpg?w=240,h=240" alt="アロマボディシート" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> アユーラ アロマボディシート </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 825 </span> <span class="sso-Dash ">~</span> <span class="sso-Price "> 1430 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000485/00100134931449432748"> <div class="sso-ItemList5__ItemBadge">6</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000485/00100134931449432748/spec_800_00100134931449433141.jpg?w=240,h=240" alt="ME(化粧液)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> イプサ ME(化粧液) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 6600 </span> <span class="sso-Dash ">~</span> <span class="sso-Price "> 11000 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000485/00100134931449437378"> <div class="sso-ItemList5__ItemBadge">7</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000485/00100134931449437378/spec_800_00100134931449437378.jpg?w=240,h=240" alt="ザ・タイムR アクア" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> イプサ ザ・タイムR アクア </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 4730 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000673/00100134971710613032"> <div class="sso-ItemList5__ItemBadge">8</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000673/00100134971710613032/spec_800_00100134971710613032.jpg?w=240,h=240" alt="バウンシング マルチカラー(限定品)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> ジルスチュアート バウンシング マルチカラー(限定品) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 3520 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000947/00100514935421790543"> <div class="sso-ItemList5__ItemBadge">9</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000947/00100514935421790543/spec_800_00100514935421790543.jpg?w=240,h=240" alt="タンイドルウルトラウェアメイクアップ スポンジ" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> ランコム タンイドルウルトラウェアメイクアップ スポンジ </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 2200 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/001308/00100134973167399408"> <div class="sso-ItemList5__ItemBadge">10</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/001308/00100134973167399408/spec_800_00100134973167399408.jpg?w=240,h=240" alt="RMK ソフトコットン" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> RMK RMK ソフトコットン </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 770 </span> </div> </a> </li> </ul> </div> </div> <div id="pg_008"> <!-- <div style="border: 1px solid #0074ce;">静的コンテンツ(フードランキング上部エリア)</div> --> </div> <div class="sso-Separator"></div> <div class="sso-Container"> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Heading"> <div id="pg_009"> <div class="sso-MainSectionHeader__HeadingEn"> FOOD &amp; SWEETS </div> <h2 class="sso-MainSectionHeader__HeadingMain"> フード&スイーツランキング </h2> </div> </div> <div class="sso-MainSectionHeader__Side"> <a class="sso-InlineLink" href="/list/ranking/fd000000"> <span id="pg_010"> フード&スイーツ 人気ランキングを見る </span> </a> </div> </div> <div class="sso-ItemList5"> <ul class="sso-ItemList5__List"> <li class="sso-ItemList5__Item"> <a href="/item/005574/00100010499998552248"> <div class="sso-ItemList5__ItemBadge">1</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/005574/00100010499998552248/spec_800_00100010499998552248.jpg?w=240,h=240" alt="ココサブレ サービスパック(BS181)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> ベルプラージュ ココサブレ サービスパック(BS181) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 864 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/004850/00100010499999839126"> <div class="sso-ItemList5__ItemBadge">2</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/004850/00100010499999839126/spec_800_00100010499999839126.jpg?w=240,h=240" alt="グーテ・デ・ロワ/化粧缶大(R1)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> ガトーフェスタ ハラダ グーテ・デ・ロワ&#47;化粧缶大(R1) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 3888 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000929/00100014946841017912"> <div class="sso-ItemList5__ItemBadge">3</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000929/00100014946841017912/spec_800_00100014946841017912.jpg?w=240,h=240" alt="ファヤージュ 16個入(MO-1791)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> モロゾフ ファヤージュ 16個入(MO-1791) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 1620 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/006576/00100010499998598710"> <div class="sso-ItemList5__ItemBadge">4</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/006576/00100010499998598710/spec_800_00100010499998598710.jpg?w=240,h=240" alt="赤い靴の女の子 ショコラサンドクッキー" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> 横浜マリンフーズ 赤い靴の女の子 ショコラサンドクッキー </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 1080 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000429/00100010438274400361"> <div class="sso-ItemList5__ItemBadge">5</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000429/00100010438274400361/spec_800_00100010438274400361.jpg?w=240,h=240" alt="水羊羹 6個入(M-6)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> とらや 水羊羹 6個入(M-6) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 2160 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/006453/00100014571533211059"> <div class="sso-ItemList5__ItemBadge">6</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/006453/00100014571533211059/spec_800_00100014571533211059.jpg?w=240,h=240" alt="ガトーセック5個入(GS-5)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> パティスリー ラ・マーレ・ド・チャヤ ガトーセック5個入&#40;GS-5&#41; </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 1300 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000429/00100010499999741580"> <div class="sso-ItemList5__ItemBadge">7</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000429/00100010499999741580/spec_800_00100010499999741580.jpg?w=240,h=240" alt="弔事用 最中 9個入(MO-9C)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> とらや 弔事用 最中 9個入(MO-9C) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 2484 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/005314/00100010499998126784"> <div class="sso-ItemList5__ItemBadge">8</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/005314/00100010499998126784/spec_800_00100010499998126784.jpg?w=240,h=240" alt="鎌倉だより6枚入" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> 鎌倉紅谷 鎌倉だより6枚入 </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 594 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/006464/00100014560151971483"> <div class="sso-ItemList5__ItemBadge">9</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/006464/00100014560151971483/spec_800_00100014560151971483.jpg?w=240,h=240" alt="鎌倉散歩" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> 鎌倉まめや 鎌倉散歩 </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 540 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/002115/00100010499999434192"> <div class="sso-ItemList5__ItemBadge">10</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/002115/00100010499999434192/spec_800_00100010499999434192.jpg?w=240,h=240" alt="鳩サブレー 25枚入(TN)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> 鎌倉 豊島屋 鳩サブレー 25枚入(TN) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 3651 </span> </div> </a> </li> </ul> </div> </div> <div id="pg_011"> <!-- <div style="border: 1px solid #0074ce;">静的コンテンツ(ギフトランキング上部エリア)</div> --> </div> <div class="sso-Separator"></div> <div class="sso-Container"> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Heading"> <div id="pg_012"> <div class="sso-MainSectionHeader__HeadingEn"> GIFT </div> <h2 class="sso-MainSectionHeader__HeadingMain"> ギフトランキング </h2> </div> </div> <div class="sso-MainSectionHeader__Side"> <a class="sso-InlineLink" href="/list/ranking/gf000000"> <span id="pg_013"> ギフト 人気ランキングを見る </span> </a> </div> </div> <div class="sso-ItemList5"> <ul class="sso-ItemList5__List"> <li class="sso-ItemList5__Item"> <a href="/item/000929/00100014946841017912"> <div class="sso-ItemList5__ItemBadge">1</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000929/00100014946841017912/spec_800_00100014946841017912.jpg?w=240,h=240" alt="ファヤージュ 16個入(MO-1791)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> モロゾフ ファヤージュ 16個入(MO-1791) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 1620 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000429/00100010438274400361"> <div class="sso-ItemList5__ItemBadge">2</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000429/00100010438274400361/spec_800_00100010438274400361.jpg?w=240,h=240" alt="水羊羹 6個入(M-6)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> とらや 水羊羹 6個入(M-6) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 2160 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/006453/00100014571533211059"> <div class="sso-ItemList5__ItemBadge">3</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/006453/00100014571533211059/spec_800_00100014571533211059.jpg?w=240,h=240" alt="ガトーセック5個入(GS-5)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> パティスリー ラ・マーレ・ド・チャヤ ガトーセック5個入&#40;GS-5&#41; </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 1300 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000429/00100010499999741580"> <div class="sso-ItemList5__ItemBadge">4</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000429/00100010499999741580/spec_800_00100010499999741580.jpg?w=240,h=240" alt="弔事用 最中 9個入(MO-9C)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> とらや 弔事用 最中 9個入(MO-9C) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 2484 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/002115/00100010499999434192"> <div class="sso-ItemList5__ItemBadge">5</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/002115/00100010499999434192/spec_800_00100010499999434192.jpg?w=240,h=240" alt="鳩サブレー 25枚入(TN)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> 鎌倉 豊島屋 鳩サブレー 25枚入(TN) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 3651 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/001100/00100014920134802072"> <div class="sso-ItemList5__ItemBadge">6</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/001100/00100014920134802072/spec_800_00100014920134802072.jpg?w=240,h=240" alt="手延そうめん 揖保乃糸 特級品(SR-50N)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> 揖保乃糸 手延そうめん 揖保乃糸 特級品(SR-50N) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 6210 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000422/00100010499998406879"> <div class="sso-ItemList5__ItemBadge">7</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000422/00100010499998406879/spec_800_00100010499998406879.jpg?w=240,h=240" alt="弔事用グルメカタログ ごっつお便「追想」MTコース(全160品掲載)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> ごっつお便 弔事用グルメカタログ ごっつお便「追想」MTコース(全160品掲載) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 4950 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/001100/00100014920134804496"> <div class="sso-ItemList5__ItemBadge">8</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/001100/00100014920134804496/spec_800_00100014920134804496.jpg?w=240,h=240" alt="手延そうめん揖保乃糸 特級品(SR-25)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> 揖保乃糸 手延そうめん揖保乃糸 特級品(SR-25) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 3996 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000429/00100010499998593791"> <div class="sso-ItemList5__ItemBadge">9</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000429/00100010499998593791/spec_800_00100010499998593791.jpg?w=240,h=240" alt="夏パッケージ小形羊羹10本入(NK-10)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> とらや 夏パッケージ小形羊羹10本入(NK-10) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 3456 </span> </div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/item/000429/00100010499998593784"> <div class="sso-ItemList5__ItemBadge">10</div> <img src="https://img.sogo-seibu.jp/contents/img/item/001/000429/00100010499998593784/spec_800_00100010499998593784.jpg?w=240,h=240" alt="夏パッケージ小形羊羹5本入(NK-5)" width="208" height="208"/> <div class="sso-ItemList5__ItemCaption" data-mh> <div class="sso-MultiLineEllipsis2" > <span> とらや 夏パッケージ小形羊羹5本入(NK-5) </span> </div> </div> <div class="sso-ItemList5__ItemPrice" > <span class="sso-Price "> 1782 </span> </div> </a> </li> </ul> </div> </div> <div id="pg_014"> <!-- <div style="border: 1px solid #0074ce;">静的コンテンツ(セレクト一覧上部エリア)</div> --> </div> <div class="sso-Separator"></div> <div id="pg_015"> <!-- FreeArea #pg_001 Start --> <style> #pg_014 + .sso-Separator {display: none;}   </style> <!-- <div class="sso-Container"> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Heading"> <div class="sso-MainSectionHeader__HeadingEn">SELECT</div> <h2 class="sso-MainSectionHeader__HeadingMain">セレクト</h2> </div> <div class="sso-MainSectionHeader__Side"> <a class="sso-InlineLink" href="/select">セレクトを見る</a> </div> </div> <div class="sso-ItemList5" style="margin-bottom: 20px;"> <ul class="sso-ItemList5__List"> <li class="sso-ItemList5__Item"> <a href="/feature/f500000"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_015/img/230301_select_cataloggift.jpg?w=208,h=208" loading="lazy" alt="選べるカタログギフト" width="270" height="270" /> <div class="sso-ItemList5__ItemCaption">選べるカタログギフト</div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/feature/f501400"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_015/img/230615_select_bridalgift.jpg?w=208,h=208" loading="lazy" alt="ブライダルギフト特集" width="270" height="270" /> <div class="sso-ItemList5__ItemCaption">ブライダルギフト特集</div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/brand/000027"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_015/img/230621_select_baccarat.jpg?w=208,h=208" loading="lazy" alt="Baccarat(バカラ)" width="270" height="270" /> <div class="sso-ItemList5__ItemCaption">Baccarat(バカラ)</div> </a> </li> <li class="sso-ItemList5__Item"> <a href="/feature/c2000000087"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_015/img/230314_select_polo.jpg?w=208,h=208" loading="lazy" alt="RALPH LAUREN" width="270" height="270" /> <div class="sso-ItemList5__ItemCaption">RALPH LAUREN</div> </a> </li> </ul> </div> </div> --> <!-- FreeArea #pg_001 End --> </div> <div id="pg_016"> <!-- <div style="border: 1px solid #0074ce;">静的コンテンツ(キャンペーン上部エリア)</div> --> </div> <div class="sso-Separator"></div> <div id="pg_017"> <!-- FreeArea #pg_017 Start --> <div class="sso-Container"> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Heading"> <div class="sso-MainSectionHeader__HeadingEn">CAMPAIGN</div> <h2 class="sso-MainSectionHeader__HeadingMain">キャンペーン</h2> </div> </div> <div class="sso-ItemList5" style="margin-bottom: 20px;"> <ul class="sso-ItemList5__List"> <li class="sso-ItemList5__Item"> <a href="https://www.7cs-card.jp/campaign/2025/edepart_summergiftcp2505.html" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_017/img/250508_campaign_clubon.jpg?w=208,h=138" loading="lazy" alt="クラブ・オン/ミレニアムカード セゾン会員限定 e.デパートお中元ご利用キャンペーン" width="208" height="138" /> <h3 class="sso-ItemList5__ItemCaption">クラブ・オン/ミレニアムカード セゾン会員限定 e.デパートお中元ご利用キャンペーン <span class="sso-Icon -external"></span></h3> </a> </li> <li class="sso-ItemList5__Item"> <a href="https://www.7cs-card.jp/about-card/payment/bonus.html?utm_source=ss&utm_medium=hp&utm_campaign=20250701hp1" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_017/img/250701_campaign_winterbonus.jpg?w=208,h=138" loading="lazy" alt="【今買ってもお支払いは翌年1月】冬のボーナス一括払い承り中" width="208" height="138" /> <h3 class="sso-ItemList5__ItemCaption">【今買ってもお支払いは翌年1月】冬のボーナス一括払い承り中<span class="sso-Icon -external"></span></h3> </a> </li> <li class="sso-ItemList5__Item"> <a href="/static/newsdetail?newsId=cosmeppf5days"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_017/img/250401_campaign_cosme_ppf.jpg?w=208,h=138" loading="lazy" alt="【コスメ限定】毎月コスメがおトク!第1金曜日から5日間、クラブ・オン/ミレニアム会員限定化粧品+2%" width="208" height="138" /> <h3 class="sso-ItemList5__ItemCaption">【コスメ限定】毎月コスメがおトク!第1金曜日から5日間、クラブ・オン/ミレニアム会員限定化粧品+2%</h3> </a> </li> <li class="sso-ItemList5__Item"> <a href="/static/newsdetail?newsId=0zkdli_4m3ex"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_017/img/240320_campaign_cosme_cncp.jpg?w=208,h=138" loading="lazy" alt="クラブ・オン/ミレニアムカード セゾン会員限定 化粧品永久不滅ポイント2倍" width="208" height="138" /> <h3 class="sso-ItemList5__ItemCaption">クラブ・オン/ミレニアムカード セゾン会員限定 化粧品永久不滅ポイント2倍</h3> </a> </li> <li class="sso-ItemList5__Item"> <a href="/static/newsdetail?newsId=cosmenanacocp"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_017/img/220907_campaign_02.jpg?w=208,h=138" loading="lazy" alt="毎月第1・2・3金曜日はコスメ&ビューティーの商品のお買いあげでnanacoポイント5倍!" width="208" height="138" /> <h3 class="sso-ItemList5__ItemCaption">毎月第1・2・3金曜日はコスメ&ビューティーの商品のお買いあげでnanacoポイント5倍!</h3> </a> </li> <li class="sso-ItemList5__Item"> <a href="/static/newsdetail?newsId=y_vyz66dl"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_017/img/220907_campaign_03.jpg?w=208,h=138" loading="lazy" alt="毎月第1・2・3月曜日は食品・酒・飲料の商品のお買いあげでnanacoポイント2倍!" width="208" height="138" /> <h3 class="sso-ItemList5__ItemCaption">毎月第1・2・3月曜日は食品・酒・飲料の商品のお買いあげでnanacoポイント2倍!</h3> </a> </li> </ul> </div> </div> <!-- FreeArea #pg_017 End --> </div> <div id="pg_018"> <!-- FreeArea #pg_018 Start --> <div class="sso-Separator"></div> <!-- 関連エリア記述 start --> <div class="sso-Container -topFeaturesArea"> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Heading"> <div class="sso-MainSectionHeader__HeadingEn"> CLUB ON/MILLENNIUM NEWS </div> <h2 class="sso-MainSectionHeader__HeadingMain"> クラブ・オン/ミレニアム ニュース </h2> </div> <div class="sso-MainSectionHeader__Side -InlineLink"> <a class="sso-InlineLink" href="https://www.sogo-seibu.jp/clubon-millennium/202508/" target="_blank">クラブ・オン/ミレニアム ニュース8月号TOPはこちら </a> </div> </div> <div class="sso-CmsBrandModuleItemList -col5 -features"> <ul class="sso-CmsBrandModuleItemList__List"> <li> <a href="https://www.sogo-seibu.jp/clubon-millennium/202508/lp1/" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_018/img/250718_kanren_01.jpg?w=316,h=210" loading="lazy" alt="夏を着こなす、リゾートスタイル" width="316" height="210" /> <h3 data-mh class="sso-CmsBrandModule__Heading3">夏を着こなす、リゾートスタイル <span class="sso-Icon -external"></span> </h3> </a> </li> <li> <a href="https://www.sogo-seibu.jp/clubon-millennium/202508/lp2/" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_018/img/250718_kanren_02.jpg?w=316,h=210" loading="lazy" alt="小物使いで、夏をスタイルアップ" width="316" height="210" /> <h3 data-mh class="sso-CmsBrandModule__Heading3"> 小物使いで、夏をスタイルアップ <span class="sso-Icon -external"></span> </h3> </a> </li> <li> <a href="https://www.sogo-seibu.jp/clubon-millennium/202508/lp3/" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_018/img/250718_kanren_03.jpg?w=316,h=210" loading="lazy" alt="夏の喉を潤す泡の爽快" width="316" height="210" /> <h3 data-mh class="sso-CmsBrandModule__Heading3">夏の喉を潤す泡の爽快 <span class="sso-Icon -external"></span> </h3> </a> </li> <li> <a href="https://www.sogo-seibu.jp/clubon-millennium/202508/lp4/" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_018/img/250718_kanren_04.jpg?w=316,h=210" loading="lazy" alt="旬のカラーメイクで印象鮮やかに" width="316" height="210" /> <h3 data-mh class="sso-CmsBrandModule__Heading3">旬のカラーメイクで印象鮮やかに <span class="sso-Icon -external"></span> </h3> </a> </li> <li> <a href="https://www.7cs-card.jp/card/index_202504.html?utm_source=scs&utm_medium=ehp&utm_campaign=20250401ehp1" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_018/img/250401_kanren_clubon.jpg?w=316,h=210" loading="lazy" alt="クラブ・オン/ミレニアムカード 新規会員登録のご案内" width="316" height="210" /> <h3 data-mh class="sso-CmsBrandModule__Heading3"> クラブ・オン/ミレニアムカード 新規会員登録のご案内 <span class="sso-Icon -external"></span> </h3> </a> </li> <li> <a href="https://www.sogo-seibu.jp/clubon-millennium/202508/lp5/" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/top/pg_018/img/240318_kanren_horoyoi.jpg?w=316,h=210" loading="lazy" alt="世界を魅了するクールスイーツ" width="316" height="210" /> <h3 data-mh class="sso-CmsBrandModule__Heading3">世界を魅了するクールスイーツ <span class="sso-Icon -external"></span> </h3> </a> </li> </ul> </div> </div> <!-- 関連エリア記述end --> <!-- FreeArea #pg_018 End --> </div> <div class="sso-Separator"></div> <div id="pg_019"> <div class="mcms-StoreEventList"></div> </div> <div id="pg_020"> <link rel="stylesheet" type="text/css" href="/contents/inc/top/pg_020/css/navi/style.css?v=2" media="all"> <div class="sso-Separator"></div> <div class="conts-StoreEventList"> <div class="sso-Container"> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Heading"> <div class="sso-MainSectionHeader__HeadingEn"> STORE INFORMATION </div> <h2 class="sso-MainSectionHeader__HeadingMain"> 西武・そごうの店舗情報 </h2> </div> </div> <div class="conts-shoplist-tab"> <ul> <li class="item -js-tab is-active" data-name="池袋本店"> 西武池袋本店 </li> <li class="item -js-tab" data-name="渋谷店"> 西武渋谷店 </li> <li class="item -js-tab" data-name="所沢S.C."> 西武所沢S.C. </li> <li class="item -js-tab" data-name="東戸塚S.C."> 西武東戸塚S.C. </li> <li class="item -js-tab" data-name="福井店"> 西武福井店 </li> <li class="item -js-tab" data-name="秋田店"> 西武秋田店 </li> <li class="item -js-tab" data-name="横浜店"> そごう横浜店 </li> <li class="item -js-tab" data-name="千葉店"> そごう千葉店 </li> <li class="item -js-tab" data-name="広島店"> そごう広島店 </li> <li class="item -js-tab" data-name="大宮店"> そごう大宮店 </li> </ul> </div> <div class="conts-eventlist-list"> <!-- 店舗情報 --> <div class="storegroup is-show" data-panel="01"> <div class="sso-MainSectionHeader"> <div class="sso-MainSectionHeader__Heading"> <h3 class="sso-MainSectionHeader__HeadingMain js-conts-storegtitle"> 西武池袋本店 </h3> </div> <div class="sso-MainSectionHeader__Side"> <a class="sso-InlineLink js-conts-storeglink" href="-" target="_blank"><span class="js-conts-storegtitle">-</span>の店舗情報を見る</a> </div> </div> <div class="sso-ItemList3"> <ul class="sso-ItemList3__List conts-eventlist"> </ul> </div> </div> <!-- /店舗情報 --> </div> </div> </div> <script src="/contents/inc/top/pg_020/js/getdatafeed.js?v=2"></script> </div> <div class="sso-Separator"></div> <div id="pg_021"> <div class="mcms-NewsList"></div> </div> <div id="ft_001"> <style> .sso-ShoppingFeatures .sso-ShoppingFeatures__ItemIcon.-shippingfree { background-image: url(https://img.sogo-seibu.jp/contents/img/common/sso-ShoppingFeatures/shippingfree-icon.svg) } @media(min-width:681px) { .sso-ShoppingFeatures .sso-ShoppingFeatures__ItemTitle.-twolinesheight { min-height: 45px; } .sso-ShoppingFeatures .sso-ShoppingFeatures__ItemTitle.-twolines { font-size: 14px; } } </style> <div class="sso-BacktotopButton"> <div class="sso-BacktotopButton__Inner"> <div class="sso-BacktotopButton__Text"> <a class="js-smooth_scroll" href="#head"> <p>TOPへ戻る</p> </a> </div> </div> </div> <div class="sso-ShoppingFeatures"> <div class="sso-ShoppingFeatures__Inner"> <div class="sso-ShoppingFeatures__Item"> <div class="sso-ShoppingFeatures__ItemIcon -wrapping"></div> <h3 class="sso-ShoppingFeatures__ItemTitle -twolinesheight"> 無料でラッピング </h3> <div class="sso-ShoppingFeatures__ItemText"> <p> お誕生日や結婚のお祝い、出産内祝いなど、ご用途に合わせてご進物体裁などを無料でお選びいただけます。 </p> </div> </div> <div class="sso-ShoppingFeatures__Item"> <div class="sso-ShoppingFeatures__ItemIcon -point"></div> <h3 class="sso-ShoppingFeatures__ItemTitle -twolinesheight"> ポイント・マイル </h3> <div class="sso-ShoppingFeatures__ItemText"> <p> クラブ・オン/ミレニアムポイントとnanacoポイント、セブンマイルプログラムのマイルが<em>トリプルで貯まって</em>おトクです。※一部ポイント除外となる商品がございます。 </p> </div> </div> <div class="sso-ShoppingFeatures__Item"> <div class="sso-ShoppingFeatures__ItemIcon -shippingfree"></div> <h3 class="sso-ShoppingFeatures__ItemTitle -twolines -twolinesheight"> <span class="sso-lineBreak">セブン-イレブン受け取りで</span><span class="sso-inline">配送料無料</span> </h3> <div class="sso-ShoppingFeatures__ItemText"> <p> <span class="sso-lineBreak">ご注文時に、「セブン-イレブン受け取り」や「西武池袋本店受け取り」を選択いただくと、配送料・手数料無料でお届けいたします。</span><a class="sso-InlineLink" href="https://edepart.sogo-seibu.jp/static/storepickup">くわしくはこちら</a> </p> </div> </div> <div class="sso-ShoppingFeatures__Item"> <div class="sso-ShoppingFeatures__ItemIcon -creditcard"></div> <h3 class="sso-ShoppingFeatures__ItemTitle -twolinesheight"> お得なお買い物 </h3> <div class="sso-ShoppingFeatures__ItemText"> <p> nanacoポイントが毎月おトクに貯まる<u>ハッピーフーズデー</u>、<u>ハッピーコスメデー</u>などキャンペーンも実施しております。また、<em>メルマガ限定クーポン</em>も配信しております。 </p> </div> </div> </div> </div> </div> <footer class="sso-PageFooter"> <div id="ft_002"> <style> /* 231011 */ /* 上書き */ .sso-PageFooter .sso-PageFooter__SitemapInner { display: inherit !important; } .sso-PageFooter .sso-PageFooter__SitemapList li:nth-child(n+2) { margin-top: 0 !important; } .sso-PageFooter .sso-PageFooter__SitemapList:first-of-type { grid-area: none; } /* end 上書き */ .sso-PageFooter .sso-PageFooter__SitemapList { display: flex; flex-wrap: wrap; margin-bottom: 30px !important; } .sso-PageFooter .-mb0 { margin-bottom: 0 !important; } .sso-PageFooter .sso-PageFooter__SitemapList li { margin-right: 20px; margin-bottom: 10px; line-height: 1.3; font-size: 12px; } .sso-PageFooter .sso-PageFooter__SitemapList li:last-child { margin-right: 0; } .sso-PageFooter .sso-PageFooter__SitemapList li h4, .sso-PageFooter .sso-PageFooter__SitemapList li h5 { margin: 0; font-weight: normal; font-size: 12px; } .sso-PageFooter__wrap__SitemapList { padding: 0; list-style: none; margin-bottom: 30px; } .sso-PageFooter__wrap__SitemapList li .subttl { font-size: 12px; } .sso-PageFooter__wrap__SitemapList li ul.sso-PageFooter__SitemapList { padding-left: 40px; margin-bottom: 0 !important; } /* SNS */ .sso-PageFooter .-icosns { margin-top: 10px; } .sso-PageFooter .-icosns li a { display: flex; align-items: center; } .sso-PageFooter .-icosns li a img { width: 61px; height: 61px; margin-right: 20px; } .sso-PageFooter .-icosns li { margin-right: 50px; } .sso-PageFooter .-icosns li:last-child { margin-right: 0; } .sso-Icon { vertical-align: text-bottom; } @media (max-width: 680px) { .sso-PageFooter .sso-PageFooter__SitemapList { align-content: space-between; width: 100%; } .sso-PageFooter .sso-PageFooter__SitemapList li { width: 100%; max-width: 47%; margin-right: 15px; margin-bottom: 10px; } .sso-PageFooter__wrap__SitemapList .sso-PageFooter__SitemapList li { max-width: 43%; } .sso-PageFooter .-sprowcolumn li { max-width: 100%; } .sso-PageFooter .sso-PageFooter__SitemapList li:nth-child(even) { margin-right: 0; } .sso-PageFooter__wrap__SitemapList li ul.sso-PageFooter__SitemapList { padding-left: 20px; } /* SNS */ .sso-PageFooter .-icosns { flex-direction: column; } .sso-PageFooter .-icosns li { width: 100%; margin-right: 0; max-width: 100%; } } /* end 231011 */ </style> <div class="sso-PageFooter__Sitemap"> <div class="sso-PageFooter__SitemapInner"> <h3 class="sso-PageFooter__SitemapHeading"> <a href="/list/category"> カテゴリー </a> </h3> <ul class="sso-PageFooter__SitemapList"> <li> <h4> <a href="/cosme/"> コスメ&ビューティー </a> </h4> </li> <li> <h4> <a href="/category/se070000"> バラエティーコスメ </a> </h4> </li> <li> <h4> <a href="/food/"> フード&スイーツ </a> </h4> </li> <li> <h4> <a href="/gift/"> ギフト </a> </h4> </li> <li> <h4> <a href="/category/se010000"> レディース </a> </h4> </li> <li> <h4> <a href="/category/se020000"> メンズ </a> </h4> </li> <li> <h4> <a href="/category/se030000"> ベビー・キッズ </a> </h4> </li> <li> <h4> <a href="/category/se040000"> スポーツ・アウトドア </a> </h4> </li> <li> <h4> <a href="/category/se050000"> ホーム・キッチン&アート </a> </h4> </li> <li> <h4> <a href="/summergift/"> お中元 </a> </h4> </li> <li> <h4> <a href="/wintergift/"> お歳暮 </a> </h4> </li> <!-- <li> <h4> <a href="/category/se040000"> お中元 </a> </h4> </li> --> </ul> <h3 class="sso-PageFooter__SitemapHeading"> <a href="/list/brand"> ブランド </a> </h3> <ul class="sso-PageFooter__wrap__SitemapList"> <li> <h4 class="subttl"> <!--<a href="/cosme/">--> コスメ&ビューティー <!--</a>--> </h4> <ul class="sso-PageFooter__SitemapList"> <li> <h5> <a href="/brand/005140"> SHISEIDO </a> </h5> </li> <li> <h5> <a href="/brand/005468"> クレ・ド・ポーボーテ </a> </h5> </li> <li> <h5> <a href="/brand/005323"> ポール&ジョー ボーテ </a> </h5> </li> <li> <h5> <a href="/brand/000673"> ジルスチュアート </a> </h5> </li> <li> <h5> <a href="/brand/001292"> NARS </a> </h5> </li> <li> <h5> <a href="/brand/001595"> エスト </a> </h5> </li> <li> <h5> <a href="/brand/001308"> RMK </a> </h5> </li> <li> <h5> <a href="/brand/002228"> SUQQU </a> </h5> </li> <li> <h5> <a href="/brand/000609"> クリニーク </a> </h5> </li> <li> <h5> <a href="/brand/000231"> SK-Ⅱ </a> </h5> </li> </ul> </li> <li> <h4 class="subttl"> <!--<a href="/food/">--> フード&スイーツ <!--</a>--> </h4> <ul class="sso-PageFooter__SitemapList"> <li> <h5> <a href="/brand/000474"> アンリ・シャルパンティエ </a> </h5> </li> <li> <h5> <a href="/brand/004850"> ガトーフェスタハラダ </a> </h5> </li> <li> <h5> <a href="/brand/000636"> ゴディバ </a> </h5> </li> <li> <h5> <a href="/brand/001104"> 新宿高野 </a> </h5> </li> <li> <h5> <a href="/brand/000427"> たねや </a> </h5> </li> <li> <h5> <a href="/brand/000429"> とらや </a> </h5> </li> <li> <h5> <a href="/brand/002972"> ねんりん家 </a> </h5> </li> <li> <h5> <a href="/brand/001689"> シュガーバターの木 </a> </h5> </li> </ul> </li> <li> <h4 class="subttl"> <!-- <a href="#"> --> ファッション・インテリア <!-- </a> --> </h4> <ul class="sso-PageFooter__SitemapList"> <li> <h5> <a href="/feature/c2000000087"> ポロ ラルフ ローレン </a> </h5> </li> <li> <h5> <a href="/brand/000251"> ザ ノース フェイス </a> </h5> </li> <li> <h5> <a href="/brand/000282"> タケオ キクチ </a> </h5> </li> <li> <h5> <a href="/brand/001431"> ママ&キッズ </a> </h5> </li> <li> <h5> <a href="/brand/000247"> シュタイフ </a> </h5> </li> <li> <h5> <a href="/brand/000027"> バカラ </a> </h5> </li> </ul> </li> </ul> <h3 class="sso-PageFooter__SitemapHeading"> <a href="/list/feature/"> 特集 </a> </h3> <ul class="sso-PageFooter__SitemapList"> <li> <h4> <a href="/summergift/"> お中元 </a> </h4> </li> <li> <h4> <a href="/wintergift/"> お歳暮 </a> </h4> </li> <li> <h4> <a href="/feature/hinaningyou"> ひな人形 </a> </h4> </li> <li> <h4> <a href="/feature/gogatsuningyou"> 五月人形 </a> </h4> </li> <li> <h4> <a href="/brand/003549"> ランドセル </a> </h4> </li> <li> <h4> <a href="/feature/f012500"> 母の日 </a> </h4> </li> <li> <h4> <a href="/feature/fathersday"> 父の日 </a> </h4> </li> <li> <h4> <a href="/feature/christmas"> クリスマス </a> </h4> </li> <li> <h4> <a href="/feature/f324400"> クリスマスケーキ </a> </h4> </li> <li> <h4> <a href="/feature/f500100"> おせち </a> </h4> </li> <li> <h4> <a href="/brand/002622"> 福袋 </a> </h4> </li> <li> <h4> <a href="/brand/chocolatep"> バレンタイン </a> </h4> </li> <li> <h4> <a href="/feature/004153"> ホワイトデー </a> </h4> </li> </ul> <h3 class="sso-PageFooter__SitemapHeading"> <a href="/feature/readlist"> コラム </a> </h3> <ul class="sso-PageFooter__SitemapList"> <li> <h4> <a href="/feature/readlist#sso-AreaSummergiftList"> お中元 </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaWintergiftList"> お歳暮 </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaSweetsList"> 菓子折り </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaSouvenirList"> 手土産 </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaJapanesesweetsList"> 和菓子 </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaToriyoseList"> お取り寄せ </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaNinkigiftList"> 人気のギフト </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaLuckyList"> 福袋 </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaValentineList"> バレンタイン </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaWhitedayList"> ホワイトデー </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaOsechiList"> おせち </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaMothersdayList"> 母の日 </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaFathersdayList"> 父の日 </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaCosmeList"> コスメ </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaFoodList"> フード </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaLadiesList"> レディースファッション </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaMensList"> メンズファッション&スポーツ </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaBabyKidsList"> ベビー・キッズ </a> </h4> </li> <li> <h4> <a href="/feature/readlist#sso-AreaKitchenList"> ホーム・キッチン&アート </a> </h4> </li> </ul> <h3 class="sso-PageFooter__SitemapHeading"> <!-- <a href="/list/category"> --> 関連サイト <!-- </a> --> </h3> <ul class="sso-PageFooter__SitemapList -mb0 -sprowcolumn"> <li> <h4> <a href="https://www.sogo-seibu.jp/inf/" target="_blank"> 西武・そごう店舗情報サイト <span class="sso-Icon -external"></span> </a> </h4> </li> <li> <h4> <a href="https://www.sogo-seibu.co.jp/" target="_blank"> 西武・そごうコーポレートサイト <span class="sso-Icon -external"></span> </a> </h4> </li> <li> <h4> <a href="https://biryuhyakkaweb.jp/" target="_blank"> 西武・そごうのビューティマガジン美流百華WEB <span class="sso-Icon -external"></span> </a> </h4> </li> <li> <h4> <a href="https://saloncocole.sogo-seibu.jp/" target="_blank"> SALON COCOLE(サロン ココレ) <span class="sso-Icon -external"></span> </a> </h4> </li> <li> <h4> <a href="https://choosebase.jp/" target="_blank"> CHOOSEBASE SHIBUYA <span class="sso-Icon -external"></span> </a> </h4> </li> <li> <h4> <a href="/feature/hurusatodept"> ふるさと納税「ふるさと百貨店」 </a> </h4> </li> <!-- <li> <h4> <a href="https://edepachika.sogo-seibu.jp/ikebukuro/" target="_blank"> デパ地下グルメお届け便「e.デパチカ」 <span class="sso-Icon -external"></span> </a> </h4> </li> --> <li> <h4> <a href="https://twitter.com/edepart" target="_blank"> e.デパート X公式アカウント<span class="sso-Icon -external"></span> </a> </h4> </li> </ul> <!-- icosns --> <ul class="sso-PageFooter__SitemapList -icosns"> <li> <a href="https://www.sogo-seibu.jp/app/" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/footer/ft_002/img/logo_seibusogo_app.png" alt="SEIBUSOGO"> <h4> セブンマイルプログラムに対応<br> 西武・そごう公式アプリ <span class="sso-Icon -external"></span> </h4> </a> </li> <li> <a href="https://www.sogo-seibu.jp/card/app/" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/footer/ft_002/img/logo_kuma_appicon.png" alt="おかいものクマ"> <h4> アプリ払いでお買い物。<br> クラブ・オン/ミレニアム アプリ <span class="sso-Icon -external"></span> </h4> </a> </li> <li> <a href="https://www.sogo-seibu.jp/line/" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/footer/ft_002/img/logo_line_app.png" alt="西武・そごう LINE公式アカウント"> <h4> クーポンプレゼントなどお得なキャンペーンも開催<br> 西武・そごうLINE公式アカウント 友だち募集中!<span class="sso-Icon -external"></span> </h4> </a> </li> </ul> <h3 class="sso-PageFooter__SitemapHeading"> サポート </h3> <ul class="sso-PageFooter__SitemapList"> <!-- <li> <a href="#"> eデパートの安心安全 </a> </li> <li> <a href="#"> 情報セキュリティについて </a> </li> --> <li> <a href="/static/help">ヘルプ・カスタマーサポート</a> </li> <li> <a href="/static/sitemap"> サイトマップ </a> </li> </ul> </div> </div> </div> <div id="ft_003"> <style> /* LOGO */ .sso-PageFooter .sso-PageFooter__Logo .logoseibusogo { display: flex; justify-content: center; margin-top: 10px; margin-left: -10px; } .sso-PageFooter .sso-PageFooter__Logo .logoseibusogo img { max-width: 100px; } </style> <ul class="sso-PageFooter__LegalLinks"> <li> <a href="https://account.7id.omni7.jp/policy/info" target="_blank"> 会員規約・利用規約 <span class="sso-Icon -external"></span> </a> </li> <li> <a href="https://www.sogo-seibu.co.jp/" target="_blank"> 販売会社情報 <span class="sso-Icon -external"></span> </a> </li> <li> <a href="https://img.sogo-seibu.jp/contents/inc/static/common/transactions.pdf" target="_blank"> 特定商取引法に基づく表示 <span class="sso-Icon -external"></span> </a> </li> <li> <a href="/static/privacy"> 第三者提供について </a> </li> </ul> <div class="sso-PageFooter__Logo"> <a href="/"> <img src="https://img.sogo-seibu.jp/contents/img/common/logo_sogo-seibu.svg" alt="SEIBU SOGO"> </a> <a href="https://www.sogo-seibu.co.jp/" class="logoseibusogo" target="_blank"> <img src="https://img.sogo-seibu.jp/contents/inc/footer/img/logo_seiusogo.jpg" alt="SEIBUSOGO" width="122"> </a> </div> <div class="sso-PageFooter__Copyrights"> Copyright © Sogo &amp; Seibu Co.,Ltd. All Rights Reserved.<br><br> e.デパートは、株式会社そごう・西武が運営する通販・オンラインショッピングサイトです。<br> 表示価格は本体価格に10%の消費税額を加えた「お支払い総額(税込価格)」となっております。<br> 酒類を除いた飲食料品は、本体価格に8%の消費税額を加えた「お支払い総額(税込価格)」となっております。 </div> </div> </footer> <script src="/contents/inc/common/lib/nunjucks.min.js?ver=20231001"></script> <script src="/contents/inc/common/js/bundle.js?ver=20231001" defer></script> <script src="/contents/inc/common/js/bundle-insert-contents.js?ver=20231001"></script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1771041032" async></script></body> </html></plaintext></body></html>