PageSourceSearch

https://be-story.jp/feature/j-beauty/

html be-story.jp collected 2026-10-02 08:31:35 UTC 24,498 bytes, 338 lines download raw bytes

1<!doctype html>
2<html lang="ja">
3  <head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1" />
6    <meta name="robots" content="index, follow" />
7
8    <title>美ST × J-BEAUTYが始動します! | 美ST ONLINE</title>
9    <meta name="description" content="世界に誇れる日本の美容「J-BEAUTY」。幼い頃から私たちのそばに寄り添い、信頼を築いてきた日本発コスメの素晴らしさとすごさを美STが積極発信!40代からの女性がもっとキレイになるための、最新トレンドから名品コスメまでの魅力をたっぷりお届けします。" />
10    <link rel="canonical" href="https://be-story.jp/feature/j-beauty/" />
11
12    <meta property="og:locale" content="ja_JP" />
13    <meta property="og:site_name" content="美ST ONLINE[be-story.jp]|美ST[美スト]オフィシャルサイト|光文社" />
14    <meta property="og:title" content="美ST × J-BEAUTYが始動します!" />
15    <meta
16      property="og:description"
17      content="世界に誇れる日本の美容「J-BEAUTY」。幼い頃から私たちのそばに寄り添い、信頼を築いてきた日本発コスメの素晴らしさとすごさを美STが積極発信!40代からの女性がもっとキレイになるための、最新トレンドから名品コスメまでの魅力をたっぷりお届けします。"
18    />
19    <meta property="og:url" content="https://be-story.jp/feature/j-beauty/" />
20    <meta property="og:image" content="https://be-story.jp/feature/j-beauty/assets/img/ogp.png" />
21    <meta property="og:type" content="article" />
22    <meta name="twitter:card" content="summary_large_image" />
23    <meta name="twitter:site" content="@be_story_mag" />
24
25    <link rel="icon" href="data:," />
26    <link rel="stylesheet" href="assets/vendor/google-fonts.css?v=20260817" />
27    <link rel="stylesheet" href="assets/css/reset.css?v=20260817" />
28    <link rel="stylesheet" href="assets/css/style_pc.css?v=20260918" media="screen and (min-width: 769px)" />
29    <link rel="stylesheet" href="assets/css/style_sp.css?v=20260918" media="screen and (max-width: 768px)" />
30    
30<script src="assets/js/main.js?v=20260918" defer></script>
30
31
32    <!-- Google Tag Manager -->
33    
33<script>
vendor: 455 bytes, lines 33-43
33
34      (function (w, d, s, l, i) {
35        w[l] = w[l] || [];
36        w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
37        var f = d.getElementsByTagName(s)[0],
38          j = d.createElement(s),
39          dl = l != "dataLayer" ? "&l=" + l : "";
40        j.async = true;
41        j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
42        f.parentNode.insertBefore(j, f);
43      })(window, document, "script", "dataLayer", "
43GTM-MFWGHJ
vendor: 8 bytes, lines 43-44
43");
44    
44</script>
44
45    <!-- End Google Tag Manager -->
46  </head>
47  <body>
48    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 48-49
48
49    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
49GTM-MFWGHJ
vendor: 90 bytes, lines 49-50
49" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
50    
50<!-- End Google Tag Manager (noscript) -->
51
52    <div class="jbeauty-page">
53      <header class="site-header">
54        <a class="site-header__logo" href="https://be-story.jp/" target="_blank" rel="noopener noreferrer" aria-label="美ST ONLINEへ">
55          <img src="assets/img/logo-pink.svg" width="74" height="49" alt="美ST ONLINE" />
56        </a>
57      </header>
58
59      <main id="main" tabindex="-1">
60        <section class="hero" aria-labelledby="page-title">
61          <div class="hero__inner">
62            <h1 id="page-title" class="hero__visual js-opening">
63              <span class="hero__visual-layer hero__visual-layer--photo hero__visual-layer--left" aria-hidden="true">
64                <picture
65                  ><source media="(max-width: 768px)" srcset="assets/img/hero_photo_left_sp_0918.jpg" width="2133" height="4175" />
66                  <img src="assets/img/hero_photo_left_pc_0918.jpg" width="1964" height="3367" alt="" fetchpriority="high"
67                /></picture>
68              </span>
69              <span class="hero__visual-layer hero__visual-layer--photo hero__visual-layer--right" aria-hidden="true">
70                <picture
71                  ><source media="(max-width: 768px)" srcset="assets/img/hero_photo_right_sp_0918.png" width="1979" height="3197" />
72                  <img src="assets/img/hero_photo_right_pc_0918.png" width="1858" height="3186" alt=""
73                /></picture>
74              </span>
75              <span class="hero__visual-layer hero__visual-layer--copy">
76                <picture
77                  ><source media="(max-width: 768px)" srcset="assets/img/ttl_main_sp_0918.png" width="1383" height="1141" />
78                  <img src="assets/img/ttl_main_pc_0918.png" width="1389" height="1023" alt="美ST J-BEAUTY やっぱりすごいぞ、ニッポンの美容。J-BEAUTYが大人の肌も人生も救う!"
79                /></picture>
80              </span>
81            </h1>
82            <div class="hero__lead js-lead-reveal lead-reveal">
83              <p class="hero__lead-sp">
84                「J-BEAUTY」とは、日本発のメーカーやブランドによる<br />
85                美容・コスメのこと。母の鏡台で幼い時から目にしていて、<br />
86                きっと初めての手にしたコスメでもあって、<br />
87                私たちのそばにずっと寄り添ってくれる、日本が世界に誇る宝物です。<br />
88                大人がもっとキレイになるための、J-BEAUTY。<br />
89                その素晴らしさやすごさを、<br />
90                これから美STがどんどん発信していきます。
91              </p>
92              <p class="hero__lead-pc">
93                「J-BEAUTY」とは、日本発のメーカーやブランドによる美容・コスメのこと。<br />
94                母の鏡台で幼い時から目にしていて、きっと初めての手にしたコスメでもあって、<br />
95                私たちのそばにずっと寄り添ってくれる、日本が世界に誇る宝物です。<br />
96                大人がもっとキレイになるための、J-BEAUTY。<br />
97                その素晴らしさやすごさを、これから美STがどんどん発信していきます。
98              </p>
99            </div>
100          </div>
101        </section>
102
103        <!-- 各種項目ボタン: タップで以降の項目群へ飛ぶ。「Event」のみ外部リンク。
104             文字と三角は J-BEAUTY_0817ver_SP_ol.ai の「レイアウト」レイヤーから項目ごとに切り出したSVG。
105             上下の破線はCSSで引いている。 -->
106        <nav class="anchor-nav" aria-label="ページ内リンク">
107          <ul class="anchor-nav__list">
108            <li class="anchor-nav__item anchor-nav__item--message">
109              <a class="anchor-nav__link" href="#editor-heading" target="_blank"><img src="assets/img/nav_message.svg" width="113" height="24" alt="Message" loading="lazy" /></a>
110            </li>
111            <li class="anchor-nav__item anchor-nav__item--topics">
112              <a class="anchor-nav__link" href="#topics-heading" target="_blank"><img src="assets/img/nav_topics.svg" width="95" height="24" alt="Topics" loading="lazy" /></a>
113            </li>
114            <li class="anchor-nav__item anchor-nav__item--articles">
115              <a class="anchor-nav__link" href="#articles-heading" target="_blank"><img src="assets/img/nav_articles.svg" width="111" height="24" alt="Articles" loading="lazy" /></a>
116            </li>
117
118            <li class="anchor-nav__item anchor-nav__item--event">
119              <a class="anchor-nav__link" href="https://be-story.jp/skincare/277711/" target="_blank"><img src="assets/img/nav_event.svg" width="86" height="24" alt="Event" loading="lazy" /></a>
120            </li>
121          </ul>
122        </nav>
123
124        <section class="editor-section" aria-labelledby="editor-heading">
125          <h2 id="editor-heading" class="editor-section__kicker" tabindex="-1">
126            <picture aria-hidden="true">
127              <source media="(max-width: 768px)" srcset="assets/img/ttl_acodion_sub_sp.png" width="482" height="66" />
128              <img src="assets/img/ttl_acodion_sub_pc.png" width="482" height="65" alt="" loading="lazy" />
129            </picture>
130            <span class="visually-hidden">編集長Message</span>
131          </h2>
132          <div class="editor-message">
133            <button class="editor-message__toggle" type="button" aria-labelledby="editor-heading editor-toggle-label" aria-expanded="true" aria-controls="editor-message-body">
134              <picture class="editor-message__title-image" aria-hidden="true">
135                <source media="(max-width: 768px)" srcset="assets/img/ttl_acodion_sp.png" width="1100" height="380" />
136                <img src="assets/img/ttl_acodion_pc_0817.png" width="1505" height="249" alt="" loading="lazy" />
137              </picture>
138              <span id="editor-toggle-label" class="visually-hidden">美ST編集長 千田真弓。美ST × J-BEAUTY = 信頼すればするほど大人はもっと輝ける!</span>
139              <span class="editor-message__icon" aria-hidden="true"></span>
140            </button>
141
142            <div id="editor-message-body" class="editor-message__body">
143              <div class="editor-message__columns">
144                <div class="editor-message__column">
145                  <p>美ST世代には、年齢を重ねている分、<br />人生に寄り添った化粧品が数多く存在します。<br />トレンドの顔を映し出すCMやポスターを見て、<br />次はどのコスメを買おう? とわくわくしたあの頃。<br />今でも言えるキャッチコピー、懐かしのヒット曲。</p>
146                  <p>
147                    母の鏡台でそっと手を伸ばした時の感動体験から<br />就職、結婚、出産……時には、失恋や辛い別れ、<br />仕事と育児の両立で自分を後回しにした日々、<br />心と体のゆらぎに立ち止まった季節もあったかもしれない。<br />人生における大切なシーンを振り返ると改めて気づくのです。<br />まるで相棒のようにJ-BEAUTYがそばにいて、<br />私を包み、背中を押してくれていたことに。
148                  </p>
149                  <p>今、世の中のスピードとともに<br />美ST世代の美容意識も変わってきています。<br />いい情報は〝自分だけのもの〟ではなくなり、<br />〝伝えたい〟〝共有したい〟という<br />「自分軸の美容」から「シェアする美容」へと進化しました。</p>
150                  <p>総SNS時代によって「本当にいいもの」を見失いがちになる今、<br />美STがシェアしたいのは、本質を見極める目を育てる方法。<br />変わりゆく時代と肌悩みに、先回りして<br />答えを出し続けるJ-BEAUTYの存在こそが、<br />今、私たちには必要なのです。</p>
151                </div>
152
153                <div class="editor-message__column">
154                  <p>
155                    地道な研究に基づく知見、最先端のサイエンス、<br />世代に&悩みに寄り添ったメッセージ、<br />そしてロングセラーブランドとしてのプライド。<br />移り変わりの激しいトレンドコスメも楽しいけれど、<br />大人の肌悩みが深まる私たちの感情が揺さぶられるのは<br />〝これからの自分を重ね合わせ、希望が持てる〟<br />信頼ブランドの命がけの進化ではないでしょうか。
156                  </p>
157                  <p>美容メディアとしての信頼と、歴史と名品を併せ持つ<br />J-BEAUTYの信頼を掛け合わせ、<br />〝信頼すればするほどキレイになれる〟美を繋ぎたい。</p>
158                  <p>
159                    これからもJ-BEAUTYが、生きるパワーに。<br />そしてJ-BEAUTYと思いを交換し合える場を。<br />日々、肌悩みは増すばかりだけど、<br />確かなものを選び正しく愛したその先には、<br />ゆるがない美しさが待っている。<br />〝未来の私〟を輝かせ続ける「J-BEAUTYの進化」をしっかり伝え、<br />日本女性の「美寿命」を伸ばしていくのが<br />美STの使命である、とそう思っています。
160                  </p>
161                  <p>
162                    さあ、一緒に語りましょう。<br />
163                    一緒にキレイになりましょう。<br />
164                    J-BEAUTYとともに。<br />
165                    私たちの物語はまだまだ、これから!
166                  </p>
167                </div>
168              </div>
169            </div>
170          </div>
171        </section>
172
173        <section class="feature-banners" aria-labelledby="topics-heading">
174          <div class="feature-banners__inner">
175            <!-- 0918更新:Fes御礼版、Topics6本。 -->
176            <div class="fes-block">
177              <a class="feature-banner feature-banner--festival js-fes-reveal" data-reveal-order="1" href="https://be-story.jp/skincare/277711/" target="_blank">
178                <picture
179                  ><source media="(max-width: 768px)" srcset="assets/img/bnr_fes_sp_0918.png" width="2680" height="973" />
180                  <img src="assets/img/bnr_fes_pc_0918.png" width="6016" height="753" loading="lazy" decoding="async" alt="10月29日 美ST J-BEAUTY Fes 開催!事前招待制 たくさんのご応募ありがとうございました!"
181                /></picture>
182              </a>
183
184              <h2 id="topics-heading" class="section-heading section-heading--topics" tabindex="-1">
185                <picture>
186                  <source media="(max-width: 768px)" srcset="assets/img/ttl_topics_sp_0817.svg" width="136" height="42" />
187                  <img src="assets/img/ttl_topics_pc_0817.png" width="162" height="50" alt="Topics" loading="lazy" />
188                </picture>
189                <span class="visually-hidden">Topics</span>
190              </h2>
191            </div>
192
193            <div class="topic-banner-list">
194              <a class="feature-banner js-reveal" data-reveal-order="2" href="https://be-story.jp/people/277672/" target="_blank">
195                <picture
196                  ><source media="(max-width: 768px)" srcset="assets/img/bnr01_pc_0918.png" width="2895" height="1050" />
197                  <img src="assets/img/bnr01_pc_0918.png" width="2895" height="1050" loading="lazy" decoding="async" alt="瀬戸朝香さん&加藤あいさん 時代を彩った美のミューズたちにとってのJ-BEAUTYとは?"
198                /></picture>
199              </a>
200              <a class="feature-banner js-reveal" data-reveal-order="3" href="https://be-story.jp/skincare/282600/" target="_blank">
201                <picture
202                  ><source media="(max-width: 768px)" srcset="assets/img/bnr02_pc_0918.png" width="2895" height="1050" />
203                  <img src="assets/img/bnr02_pc_0918.png" width="2895" height="1050" loading="lazy" decoding="async" alt="最高峰研究がこの価格!?が日本のコスメ 神崎恵さん&犬山紙子さんが選ぶ一生モノアイテム"
204                /></picture>
205              </a>
206              <a class="feature-banner js-reveal" data-reveal-order="4" href="https://be-story.jp/skincare/277135/" target="_blank">
207                <picture
208                  ><source media="(max-width: 768px)" srcset="assets/img/bnr03_pc_0918.png" width="2895" height="1051" />
209                  <img src="assets/img/bnr03_pc_0918.png" width="2895" height="1051" loading="lazy" decoding="async" alt="美ST的これぞ21世紀の宝 ニッポン代表名品ベスト21"
210                /></picture>
211              </a>
212              <a class="feature-banner js-reveal" data-reveal-order="5" href="https://be-story.jp/skincare/283956/" target="_blank">
213                <picture
214                  ><source media="(max-width: 768px)" srcset="assets/img/bnr04_pc_0918.png" width="2895" height="1051" />
215                  <img src="assets/img/bnr04_pc_0918.png" width="2895" height="1051" loading="lazy" decoding="async" alt="今までもこれからも。愛してます♡J-BEAUTY SOFINA iP編"
216                /></picture>
217              </a>
218              <a class="feature-banner js-reveal" data-reveal-order="6" href="https://be-story.jp/skincare/280682/" target="_blank">
219                <picture
220                  ><source media="(max-width: 768px)" srcset="assets/img/bnr05_pc_0918.png" width="2895" height="1050" />
221                  <img src="assets/img/bnr05_pc_0918.png" width="2895" height="1050" loading="lazy" decoding="async" alt="大人のゆるみケアに!大野真理子さんが手放せないエリクシールのVクリーム[PR]"
222                /></picture>
223              </a>
224              <a class="feature-banner js-reveal" data-reveal-order="7" href="https://be-story.jp/skincare/280516" target="_blank">
225                <picture
226                  ><source media="(max-width: 768px)" srcset="assets/img/bnr06_pc_0918.png" width="2895" height="1050" />
227                  <img src="assets/img/bnr06_pc_0918.png" width="2895" height="1050" loading="lazy" decoding="async" alt="くすみ、毛穴、乾燥、ゆるみ感…大人の肌悩みに!オバジの「美容液とクリーム」でマルチケア[PR]"
228                /></picture>
229              </a>
230            </div>
231          </div>
232        </section>
233
234        <section class="articles" aria-labelledby="articles-heading">
235          <div class="articles__inner">
236            <h2 id="articles-heading" class="section-heading section-heading--articles" tabindex="-1">
237              <picture>
238                <source media="(max-width: 768px)" srcset="assets/img/ttl_contents02_sp.png" width="506" height="198" />
239                <img src="assets/img/ttl_articles_pc_0817.png" width="295" height="115" alt="美ST × J-BEAUTY Articles" loading="lazy" />
240              </picture>
241            </h2>
242
243            <div class="article-list">
244              <article class="article-card">
245                <a class="article-card__link" href="https://be-story.jp/skincare/276427/" target="_blank">
246                  <picture class="article-card__image"
247                    ><source media="(max-width: 768px)" srcset="assets/img/art01_pc_0918.png" width="1882" height="1883" />
248                    <img src="assets/img/art01_pc_0918.png" width="1882" height="1883" loading="lazy" decoding="async" alt=""
249                  /></picture>
250                  <h3 class="article-card__title">シミに悩む40歳、SK-IIの美容液を14日間お試し!ホームケアで“美容医療級”肌投資の結果は…?</h3>
251                </a>
252              </article>
253              <article class="article-card">
254                <a class="article-card__link" href="https://be-story.jp/make-up/280748/" target="_blank">
255                  <picture class="article-card__image"
256                    ><source media="(max-width: 768px)" srcset="assets/img/art02_pc_0918.png" width="1882" height="1883" />
257                    <img src="assets/img/art02_pc_0918.png" width="1882" height="1883" loading="lazy" decoding="async" alt=""
258                  /></picture>
259                  <h3 class="article-card__title">【長井かおりさんの秘密テク】かぶりまぶたのアイラインは“見えるところだけ”!大人の優秀プチプラ4</h3>
260                </a>
261              </article>
262              <article class="article-card">
263                <a class="article-card__link" href="https://be-story.jp/skincare/270129/" target="_blank">
264                  <picture class="article-card__image"
265                    ><source media="(max-width: 768px)" srcset="assets/img/art03_pc_0918.png" width="1882" height="1883" />
266                    <img src="assets/img/art03_pc_0918.png" width="1882" height="1883" loading="lazy" decoding="async" alt=""
267                  /></picture>
268                  <h3 class="article-card__title">【齋藤薫さん特別寄稿】不老長寿が現実になりつつある今、J-BEAUTYは心まで美しい人の急先鋒になるはず</h3>
269                </a>
270              </article>
271              <article class="article-card">
272                <a class="article-card__link" href="https://be-story.jp/skincare/271782/" target="_blank">
273                  <picture class="article-card__image"
274                    ><source media="(max-width: 768px)" srcset="assets/img/art04_pc_0918.png" width="1882" height="1882" />
275                    <img src="assets/img/art04_pc_0918.png" width="1882" height="1882" loading="lazy" decoding="async" alt=""
276                  /></picture>
277                  <h3 class="article-card__title">40代・50代が「もっと早く使いたかった!」ご褒美&高コスパシートマスク6選</h3>
278                </a>
279              </article>
280              <article class="article-card">
281                <a class="article-card__link" href="https://be-story.jp/skincare/279846/" target="_blank">
282                  <picture class="article-card__image"
283                    ><source media="(max-width: 768px)" srcset="assets/img/art05_pc_0918.png" width="1882" height="1882" />
284                    <img src="assets/img/art05_pc_0918.png" width="1882" height="1882" loading="lazy" decoding="async" alt=""
285                  /></picture>
286                  <h3 class="article-card__title">【19年連続1位】国民的ブランドの理由は?エリクシールで叶う「ハリ・美白ケア」</h3>
287                </a>
288              </article>
289              <article class="article-card">
290                <a class="article-card__link" href="https://be-story.jp/make-up/277376/" target="_blank">
291                  <picture class="article-card__image"
292                    ><source media="(max-width: 768px)" srcset="assets/img/art06_pc_0918.png" width="1882" height="1882" />
293                    <img src="assets/img/art06_pc_0918.png" width="1882" height="1882" loading="lazy" decoding="async" alt=""
294                  /></picture>
295                  <h3 class="article-card__title">40代50代のリップ迷子はコレが正解!今こそ買うべき「垢抜けリップ」12選</h3>
296                </a>
297              </article>
298            </div>
299
300            <a class="more-link" href="https://be-story.jp/word/J-BEAUTY/" target="_blank">
301              <picture>
302                <source media="(min-width: 769px)" srcset="assets/img/btn_more_pc_0817.png" width="312" height="80" />
303                <img src="assets/img/btn_more.png" width="350" height="91" alt="and more!" loading="lazy" />
304              </picture>
305            </a>
306          </div>
307        </section>
308      </main>
309
310      <footer class="site-footer">
311        <ul class="site-footer__sns" aria-label="美ST公式SNS">
312          <li>
313            <a href="https://www.instagram.com/be_story_official/" target="_blank" rel="noopener noreferrer">
314              <img src="assets/img/icon_insta.png" width="80" height="80" alt="Instagram" loading="lazy" />
315            </a>
316          </li>
317          <li>
318            <a href="https://www.facebook.com/be.story.jp/" target="_blank" rel="noopener noreferrer">
319              <img src="assets/img/icon_facebook.png" width="80" height="80" alt="Facebook" loading="lazy" />
320            </a>
321          </li>
322          <li>
323            <a href="https://page.line.me/foy3386g" target="_blank" rel="noopener noreferrer">
324              <img src="assets/img/icon_line.png" width="80" height="80" alt="LINE" loading="lazy" />
325            </a>
326          </li>
327        </ul>
328
329        <a class="site-footer__logo" href="https://be-story.jp/" target="_blank" rel="noopener noreferrer" aria-label="美ST ONLINEへ">
330          <img src="assets/img/logo-pink.svg" width="74" height="49" alt="美ST ONLINE" loading="lazy" />
331        </a>
332        <p class="site-footer__copyright">Copyright &copy; 株式会社 光文社<br /><span class="copyright-gap" aria-hidden="true"></span>Copyright 2026 Kobunsha Co.,Ltd. All Rights Reserved.</p>
333      </footer>
334
335      <a class="page-top" href="#main" aria-label="ページ上部へ戻る">TOP</a>
336    </div>
337  </body>
338</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.