https://select-ltd.jp/brand/

1<!doctype html>
2<html>
3
4<head lang="ja">
5    <meta charset="utf-8">
6    <title>Brand｜株式会社セレクト</title>
7    <meta name="description" content="ファッションECサイト『Pierrot』を運営する株式会社セレクトのブランドページです。レディースファッションブランドmarvelous by Pierrot（マーベラスバイピエロ）RASW（ラス）、キッズブランドlulpini（ルルピーニ）を展開中。">
8    <meta name="keywords" content="株式会社セレクト,コーポレートサイト,Pierrot,ピエロ,marvelous by Pierrot,RASW,lulpini,ラス,ルルピーニ,ECアパレル">
9    <!-- Google Tag Manager -->
10    

10<script>

10
11        (function(w, d, s, l, i) {
12            w[l] = w[l] || [];
13            w[l].push({
14                'gtm.start': new Date().getTime(),
15                event: 'gtm.js'
16            });
17            var f = d.getElementsByTagName(s)[0],
18                j = d.createElement(s),
19                dl = l != 'dataLayer' ? '&l=' + l : '';
20            j.async = true;
21            j.src =
22                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
23            f.parentNode.insertBefore(j, f);
24        })(window, document, 'script', 'dataLayer', '

24GTM-KSG7TZW

24');
25
26    

26</script>

26
27    <!-- End Google Tag Manager -->
28    <link rel="stylesheet" href="../css/destyle.css">
29    <link href="../css/common.css" rel="stylesheet" type="text/css">
30    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
31    

31<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

31
32    <meta http-equiv="Content-Language" content="ja">
33    <meta name="google" content="notranslate">
34
35    

35<script>
36        $(function() {
37            $('body').fadeIn(1000); //1秒かけてフェードイン！
38        });
39
40    </script>

40
41    

41<script src="../js/func.js"></script>

41
42    <link rel="stylesheet" href="../css/style_brand.css">
43    

43<script>
44        $(function() {
45            $(window).scroll(function() {
46                $('.fadein').each(function() {
47                    var targetElement = $(this).offset().top;
48                    var scroll = $(window).scrollTop();
49                    var windowHeight = $(window).height();
50                    if (scroll > targetElement - windowHeight + 300) {
51                        $(this).css('opacity', '1');
52                        $(this).css('transform', 'translateY(0)');
53                    }
54                });
55            });
56        });
57
58    </script>

58
59</head>
60
61<body>
62    <!-- Google Tag Manager (noscript) -->

62
63    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

63GTM-KSG7TZW

63" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
64    

64<!-- End Google Tag Manager (noscript) -->
65    <div id="wrapper">
66        <div class="header" id="header">
67            <div class="sticky_area fixed">
68
69                <h1 class="logo"><a href="https://select-ltd.jp/"><img src="https://select-ltd.jp/image/select_logo.svg" alt="select"></a></h1>
70            </div>
71            <div class="el_humburger">
72                <!--ハンバーガーボタン-->
73                <div class="el_humburger_wrapper">
74                    <span class="el_humburger_bar top"></span>
75                    <span class="el_humburger_bar middle"></span>
76                    <span class="el_humburger_bar bottom"></span>
77                </div>
78            </div>
79
80            <header class="navi">
81                <div class="navi_inner">
82                    <div class="navi_item js_openParent"><a href="https://select-ltd.jp/company/" class="eng">Company</a>
83                        <div class="el_spChildNavOpen js_openSwitch">
84                            <div class="el_spChildNavOpen_wrapper"></div>
85                        </div>
86                        <div class="nav_child js_openTarget">
87                            <div class="nav_child_item">
88                                <a href="https://select-ltd.jp/company/#philosophy" class="eng">Corporate philosophy<br><span class="jpn">企業理念</span></a>
89                            </div>
90                            <div class="nav_child_item">
91                                <a href="https://select-ltd.jp/company/#Propile" class="eng">Company Propile<br><span class="jpn">会社概要</span></a>
92                            </div>
93                            <div class="nav_child_item">
94                                <a href="https://select-ltd.jp/company/#history" class="eng">Company History<br><span class="jpn">会社沿革</span></a>
95                            </div>
96                            <div class="nav_child_item">
97                                <a href="https://select-ltd.jp/company/#Sustainable" class="eng">Sustainable<br><span class="jpn">環境への取り組み</span></a>
98                            </div>
99                        </div>
100                    </div>
101                    <div class="navi_item"><a href="https://select-ltd.jp/brand/" class="eng">Brand</a></div>
102                    <div class="navi_item"><a href="https://select-ltd.jp/news/" class="eng">News</a></div>
103                    <div class="navi_item"><a href="https://select-ltd.jp/recruit/" class="eng">Recruit</a></div>
104                    <div class="navi_item"><a href="https://select-ltd.jp/contact/" class="eng">Contact</a></div>
105                </div>
106            </header>
107        </div>
108
109        <main>
110            <div class="wrapper">
111                <nav class="pankuzu">
112                    <ol class="breadcrumb_list">
113                        <li class="breadcrumb"><a href="https://select-ltd.jp/">Home</a></li>
114                        <li class="breadcrumb"><a href="https://select-ltd.jp/brand/">Brand</a></li>
115                    </ol>
116                </nav>
117                <h2 class="ttl eng">Brand<br><span class="jpn">ブランドについて</span></h2>
118            </div>
119            <img src="../image/Brand/brand_1.jpg" alt="Brandヘッダー画像">
120
121            <div class="wrapper">
122                <p class="brand__txt pc fadein">
123                    私たちはサービスや製品に『想い』を込め、<br>
124                    ファッションを通じて、<br>
125                    みなさまの日々が豊かになる価値をお届けすることをお約束します。
126                </p>
127                <p class="brand__txt sp">
128                    私たちはサービスや製品に『想い』を込め、
129                    ファッションを通じて、
130                    みなさまの日々が豊かになる価値をお届けすることをお約束します。
131                </p>
132            </div>
133
134            <div class="brand_list">
135                <img src="../image/Brand/bg2.png" alt="ブランドリスト背景" class="raun

135dright">
136                <div class="box"><img src="../image/Brand/brand_5.png" alt="Brand List" class="brand_list_ttl"></div>
137
138                <ul class="brand_grid">
139
140    <!-- pierrot -->
141    <li class="brand_card fadein">
142      <a href="https://pierrotshop.jp/" class="brand_link">
143
144        <h2 class="brand_logo"><img src="../image/marvelous_logo.png" alt="marvelous by Pierrot" class="brand_logo_img logo--pierrot"></h2>
145
146        <p class="brand_kana">ピエロ</p>
147
148        <p class="brand_text">
149  「同じ毎日なのに、新しい私」<br><br>
150
151  ベーシックアイテムに程よいトレンド感と女性を綺麗にみせるフェミニンさを表現<br><br>
152  
153  プライス・品質・着回し力を軸に<br>
154  コスパを感じられるアイテムを<br>
155  展開しています。
156</p>
157
158        <span class="brand_more">View more</span>
159
160      </a>
161    </li>
162
163    <!-- ECLAM -->
164    <li class="brand_card fadein">
165      <a href="https://pierrotshop.jp/c/eclam-category" class="brand_link">
166
167        <h2 class="brand_logo"><img src="../image/eclam_logo.png" alt="ECLAM" class="brand_logo_img logo--eclam"></h2>
168
169        <p class="brand_kana">クラム</p>
170
171        <p class="brand_text">
172  「いつもより少し攻めたエッセンスで、<br>
173  着こなしにドラマを」<br><br>
174
175  LADY LIKE・TREND・MODEをミックス。<br>
176  程よくモードなエッセンスを取り入れた、大人の垢抜けスタイルを提案します。
177</p>
178
179        <span class="brand_more">View more</span>
180
181      </a>
182    </li>
183
184    <!-- RASW -->
185    <li class="brand_card fadein">
186      <a href="https://pierrotshop.jp/rasw/" class="brand_link">
187
188        <h2 class="brand_logo"><img src="../image/RASW_logo.png" alt="RASW" class="brand_logo_img logo--rasw"></h2>
189
190        <p class="brand_kana">ラス</p>
191
192       <p class="brand_text">
193  「自分が愛おしくなる服」<br><br>
194
195  年齢や時代とともに変化する価値観。<br>
196  自分らしく、前を向いていたい。<br><br>
197
198  素材・縫製・機能性にこだわり、<br>
199  エイジレスに楽しめる<br>
200  日常着を提案します。
201</p>
202        <span class="brand_more">View more</span>
203
204      </a>
205    </li>
206
207  </ul>
208</div>
209
210        </main>
211        <footer>
212            <ol class="foot_btn">
213                <li><a href="https://select-ltd.jp/recruit/" target="_blank"><img src="https://select-ltd.jp/image/recruit_icon.svg" class="recruit_btn" alt="リクルート">
214                        <p class="eng">Recruit</p>
215                    </a></li>
216                <li><a href="https://select-ltd.jp/contact/"><img src="https://select-ltd.jp/image/contact_icon.svg" class="contact_btn" alt="コンタクト">
217                        <p class="eng">Contact</p>
218                    </a></li>
219            </ol>
220            <!--
221	<div class="foot_line">
222	    <ol class="brand_btn">
223	        <li><a href="https://pierrotshop.jp/" target="_blank"><img src="https://select-ltd.jp/image/pierrot_logo.png" alt="Pierrot"></a></li>
224	        <li><a href="https://pierrotshop.jp/lulpini/" target="_blank"><img src="https://select-ltd.jp/image/lulpini_logo.png" alt="lulpini"></a></li>
225	        <li><a href="https://pierrotshop.jp/rasw/" target="_blank"><img src="https://select-ltd.jp/image/RASW_logo.png" alt="RASW"></a></li>
226	    </ol>
227	</div>
228-->
229            <div class="copy">
230                <p>© Select Ltd. All rights reserved.</p>
231                <a href="https://select-ltd.jp/relatedinformation/">Related Information</a>
232            </div>
233        </footer>
234
235        

235<script src="https://unpkg.com/scrollreveal"></script>

235
236        

236<script>
237            $(function() {
238                ScrollReveal().reveal('.box', {
239                    delay: 50,
240                    duration: 2000,
241                    origin: 'top',
242                    distance: '30px',
243                    reset: false
244                });
245            });
246
247        </script>

247
248
249        

249<script>
250            //ハンバーガーメニュー
251            var navigationOpenFlag = false;
252            var navButtonFlag = true;
253            var focusFlag = false;
254            $(function() {
255                $(document).on('click', '.js_openSwitch', function() {
256                    $('.js_openTarget').slideToggle("fast");
257                    $('.el_spChildNavOpen_wrapper').toggleClass('js_fire');
258                    $(this).parent('.js_openSwitch').toggleClass('js_fire');
259                });
260            });
261            $(function() {
262                $(document).on('click', '.el_humburger', function() {
263                    if (navButtonFlag) {
264                        spNavInOut.switch();
265                        setTimeout(function() {
266                            navButtonFlag = true;
267                        }, 200);
268                        navButtonFlag = false;
269                    }
270                });
271                $(document).on('click touchend', function(event) {
272                    if (!$(event.target).closest('.navi,.el_humburger').length && $('body').hasClass('js_humburgerOpen') && focusFlag) {
273                        focusFlag = false;
274                        spNavInOut.switch();
275                    }
276                });
277            });
278
279            function spNavIn() {
280                $('body').removeClass('js_humburgerClose');
281                $('body').addClass('js_humburgerOpen');
282                setTimeout(function() {
283                    focusFlag = true;
284                }, 200);
285                setTimeout(function() {
286                    navigationOpenFlag = true;
287                }, 200);
288            }
289
290            function spNavOut() {
291                $('body').removeClass('js_humburgerOpen');
292                $('body').addClass('js_humburgerClose');
293                setTimeout(function() {
294                    $(".uq_spNavi").removeClass("js_appear");
295                    focusFlag = false;
296                }, 200);
297                navigationOpenFlag = false;
298            }
299            var spNavInOut = {
300                switch: function() {
301                    if ($('body.spNavFreez').length) {
302                        return false;
303                    }
304                    if ($('body').hasClass('js_humburgerOpen')) {
305                        spNavOut();
306                    } else {
307                        spNavIn();
308                    }
309                }
310            };
311
312        </script>

312
313    </div>
314</body>
315
316</html>