PageSourceSearch

https://sakurazaka46.com/s/s46app/page_common/app_guide

html sakurazaka46.com collected 2026-10-02 08:10:09 UTC 32,506 bytes, 948 lines download raw bytes

1<!doctype html>
2<html>
3<html lang="ja" itemscope itemtype="http://schema.org/Product">
4<head>
5<meta charset="utf-8"><!-- Always force latest IE rendering engine or request Chrome Frame -->
6<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
7<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=yes">
8<!-- Use title if it's in the page YAML frontmatter -->
9
10<script src="/files/14/javascripts/pc_v2.js"></script>
10
11<link href="/files/14/stylesheets/pc.css" rel="stylesheet" />
12<link href="/files/14/stylesheets/pc_additional_v3.css" rel="stylesheet" />
13<link href="https://fonts.googleapis.com/css?family=Quicksand:400,300,700" rel="stylesheet" />
14
15
16
17
18
19
20
21
22<!--favicon-->
23<link rel="apple-touch-icon" sizes="57x57" href="/files/14/s46/favicons/apple-touch-icon-57x57.png">
24<link rel="apple-touch-icon" sizes="60x60" href="/files/14/s46/favicons/apple-touch-icon-60x60.png">
25<link rel="apple-touch-icon" sizes="72x72" href="/files/14/s46/favicons/apple-touch-icon-72x72.png">
26<link rel="apple-touch-icon" sizes="76x76" href="/files/14/s46/favicons/apple-touch-icon-76x76.png">
27<link rel="apple-touch-icon" sizes="114x114" href="/files/14/s46/favicons/apple-touch-icon-114x114.png">
28<link rel="apple-touch-icon" sizes="120x120" href="/files/14/s46/favicons/apple-touch-icon-120x120.png">
29<link rel="apple-touch-icon" sizes="144x144" href="/files/14/s46/favicons/apple-touch-icon-144x144.png">
30<link rel="apple-touch-icon" sizes="152x152" href="/files/14/s46/favicons/apple-touch-icon-152x152.png">
31<link rel="apple-touch-icon" sizes="180x180" href="/files/14/s46/favicons/apple-touch-icon-180x180.png">
32<link rel="icon" type="image/png" href="/files/14/s46/favicons/favicon-32x32.png" sizes="32x32">
33<link rel="icon" type="image/png" href="/files/14/s46/favicons/android-chrome-192x192.png" sizes="192x192">
34<link rel="icon" type="image/png" href="/files/14/s46/favicons/favicon-96x96.png" sizes="96x96">
35<link rel="icon" type="image/png" href="/files/14/s46/favicons/favicon-16x16.png" sizes="16x16">
36<meta name="theme-color" content="#ffffff">
37<meta property="og:title" content="櫻坂46メッセージ" />
38<meta property="og:description" content="櫻坂46のメンバーからメッセージを受け取れる公式アプリ!! テキストや画像だけでなく、動画や着信も届きます!" />
39<meta property="og:type" content="website" />
40<meta property="og:url" content="https://sakurazaka46.com/s/s46app/page_common/app_guide" />
41<meta property="og:image" content="https://sakurazaka46.com/files/14/app/ogp/ogp_s46message_240612.jpg" />
42<meta property="og:site_name" content="櫻坂46公式サイト" />
43
44<meta name="twitter:card" content="summary_large_image"/>
45<meta name="twitter:title" content="櫻坂46メッセージ"/>
46<meta name="twitter:description" content="櫻坂46のメンバーからメッセージを受け取れる公式アプリ!! テキストや画像だけでなく、動画や着信も届きます!"/>
47<meta name="twitter:image:src" content="https://sakurazaka46.com/files/14/app/ogp/ogp_s46message_240612.jpg"/>
48
49<style>
50  .l-content .howtoapp-ttl{
51    color: #f08dae;
52    background: linear-gradient(45deg, #fff5f8 30%, #fff2f6 50%, #f6efff 100%);
53  }
54  .l-content .btn-app a{
55    color: #f08dae;
56    border: 1px solid #f08dae;
57    background-color: transparent;
58  }
59</style>
60
61<!-- Google Tag Manager -->
62<script>
vendor: 327 bytes, lines 62-66
62(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
63new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
64j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
65'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
66})(window,document,'script','dataLayer','
66GTM-NFD6VJ7
vendor: 3 bytes, line 66
66');
66</script>
66
67<!-- End Google Tag Manager -->
68
69<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 69-70
69
70<script async src="https://www.googletagmanager.com/gtag/js?id=
70UA-68428703-4
vendor: 12 bytes, line 70
70"></script>
71<script>
vendor: 127 bytes, lines 72-75
72window.dataLayer = window.dataLayer || [];
73function gtag(){dataLayer.push(arguments);}
74gtag('js', new Date());
75gtag('config', '
75UA-68428703-4
vendor: 4 bytes, line 75
75');
76</script>
76
77
78
79  <style type="text/css">
80    .box-wrap{
81      word-break: break-all;
82    }
83    .text-center{
84      text-align: center;
85    }
86    .l-content{
87      background-color: #f3f3f3;
88      font-size: 14px;
89      font-size: 1.4rem;
90    }
91    .l-inner{
92      padding: 20px;
93      background-color: #FFF;
94    }
95    .inner{
96      max-width: 760px;
97      margin: auto;
98      padding:40px 10px;
99    }
100    .inner p{
101      font-size:14px;
102      font-size:1.4rem;
103    }
104    .l-inner .box-line img{
105      width:320px;
106    }
107    .app-box{
108      overflow: auto;
109      clear: both;
110      margin:20px 0 20px 0;
111    }
112    .howtoapp-header{
113      color: #8d8d8d;
114      padding: 18px 0 0 0;
115      font-size: 42px;
116      font-size: 4.2rem;
117      margin: 0 auto 1rem;
118      text-align: center;
119    }
120    .howtoapp-ttl {
121      font-size: 16px;
122      font-size: 1.6rem;
123      text-align: center;
124      margin: 0 0 0 0;
125      padding: 6px 10px 6px 10px;
126      color: #a0d468;
127      background: linear-gradient(45deg, #49ba69 30%, #68ccba 50%, #3cc2e7 100%);
128    }
129    
130    .box-line{
131      text-align: center;
132      border: 1px solid #e3e3e3;
133      background-color: #eeeeee;
134      padding: 16px;
135      margin: 0 0 20px 0;
136      display: inline-block;
137    }
138    .header-inner-ttl{
139      font-size:16px;
140      font-size:1.6rem;
141      color:#e396ef;
142      font-size:18px;
143      font-size:1.8rem;
144      margin-top:22px;
145    }
146    .box-100{
147      max-width:480px;
148      margin:auto;
149      width:100%;
150      overflow: auto;
151      clear: both;
152      box-sizing: border-box;
153      padding:10px;
154    }
155    .box-50{
156      width: 50%;
157      float: left;
158      box-sizing: border-box;
159      padding:0 10px;
160    }
161    .box-50-0201{
162      float: right;
163    }
164    .box-50-0202{
165      float: left;
166    }
167    .box-wrap{
168      padding:0 10px;
169    }
170    .price-box{
171      color: #ff7082;
172      border: 1px solid #f4c5cb;
173      padding: 10px 16px;
174      border-radius: 6px;
175      display: inline-block;
176      line-height: 1.2;
177    }
178    .btn-app a{
179      -webkit-transition: background-color 0.3s linear;
180      transition: background-color 0.3s linear;
181      font-size: 16px;
182      font-size: 1.6rem;
183      border-radius: 5px;
184      width: auto;
185      display: inline-block;
186      text-align: center;
187      border-radius: 5px;
188      background-color: #e5b4f5;
189      color: #fff;
190      border: 0;
191      padding:10px 16px 10px 16px;
192    }
193    .howtoapp-appicon{
194      margin:-20px -20px 10px -20px;
195    }
196    .howtoapp-appicon img{
197      display: block;
198      margin: auto;
199    }
200    .l-inner h3{
201      color:#fff;
202    }
203    @media (max-width: 640px) {
204      .howtoapp-header{
205        height: 28px;
206        background-color: #a0d468;
207        font-size: 13px;
208        font-size: 1.3rem;
209        color: #fff;
210        margin: 0px;
211        line-height: 28px;
212        width:auto;
213        padding:0;
214        background: linear-gradient(45deg, #02c312 -50%, #97dfcf 40%, #0089ff 150%);
215      }
216      .howtoapp-appicon{
217        margin-top:-10px;
218        margin-left:-10px;
219        margin-right:-10px;
220      }
221      .app-box{
222        margin:auto;
223      }
224      .app-box .box-50{
225        float: none;
226        width:auto;
227      }
228      .header-inner-ttl{
229        margin-top:0;
230      }
231      .l-inner{
232        padding:10px;
233      }
234      .l-inner .box-line img{
235        width:100%;
236      }
237      .l-inner h3{
238        font-size:18px;
239        font-size:1.8rem;
240        margin: 0 -10px;
241      }
242      .inner{
243        padding-left:0;
244        padding-right:0;
245      }
246      .fanclub a {
247        color: #e396ef;
248      }
249      .btn-app a {
250        color: #fff;
251      }
252    }
253  </style>
254  <style type="text/css">
255    .stories_movie_item {
256      position: relative;
257      width: 100%;
258      height: 100%;
259    }
260    
261    .stories_playerBox {
262      position: relative;
263      width: 100%;
264      height: 100%;
265      z-index: 1;
266    }
267    
268    #popup__stories .video-js {
269      width: 100%;
270      height: 100%;
271    }
272    
273    .vjs-contextmenu-ui-menu {
274      display: none !important;
275    }
276    
277    @media (max-width: 768px) {
278      .bc-iframe body, .bc-player-default_default {
279        background-color: rgba(0, 0, 0, 0.85);
280      }
281    
282      #popup__stories .video-js .vjs-control-bar {
283        height: 4rem;
284        bottom: 0;
285        top: auto;
286      }
287    }
288    #stories-popup-btnClose {
289      position: absolute;
290      right: 4.2%;
291      top: 3%;
292      color: #FFF;
293      width: 2rem;
294      height: 2rem;
295      font-size: 3rem;
296      z-index: 15000;
297    }
298    #stories-popup-btnClose:before, #stories-popup-btnClose:after {
299      content: "";
300      position: absolute;
301      display: block;
302      background-color: #FFF;
303      width: 100%;
304      height: 1px;
305      top: 50%;
306      left: 0;
307    }
308    #stories-popup-btnClose:before {
309      -webkit-transform: rotate(45deg);
310      -moz-transform: rotate(45deg);
311      -ms-transform: rotate(45deg);
312      -o-transform: rotate(45deg);
313      transform: rotate(45deg);
314    }
315    #stories-popup-btnClose:after {
316      -webkit-transform: rotate(-45deg);
317      -moz-transform: rotate(-45deg);
318      -ms-transform: rotate(-45deg);
319      -o-transform: rotate(-45deg);
320      transform: rotate(-45deg);
321    }
322    
323    .storyThumb {
324      left: 0;
325      bottom: 0;
326      padding: 20px 0;
327
328      margin: 0 -20px;
329
330      display: flex;
331      text-align: center;
332      flex-wrap: wrap;
333      z-index: 20;
334      justify-content: center;
335    }
336    @media (max-width: 768px) {
337      .storyThumb {
338        bottom: 3vw;
339        margin: 0 0;
340        padding: 0;
341      }
342    }
343    .storyThumb-item {
344      margin: 0 10px 30px 10px;
345    }
346    @media (max-width: 768px) {
347      .storyThumb-item {
348        margin: 0 1vw 4vw 1vw;
349      }
350    }
351    .storyThumb .storyThumb-thumb, .storyThumb .storyThumb-thumb--more {
352      width: 90px;
353      height: 90px;
354      border-radius: 90px;
355      overflow: hidden;
356      position: relative;
357      cursor: pointer;
358      z-index: 1;
359      margin: 0 0 10px 0;
360    }
361    @media (max-width: 768px) {
362      .storyThumb .storyThumb-thumb, .storyThumb .storyThumb-thumb--more {
363        width: 18vw;
364        height: 18vw;
365        border-radius: 10vw;
366        margin: 0 1vw 1vw 1vw;
367      }
368    }
369    .pages_sph_story_list .storyThumb-thumb {
370      width: 100px;
371      height: 100px;
372      border-radius: 50px;
373    }
374    @media (max-width: 768px) {
375      .pages_sph_story_list .storyThumb-thumb {
376        width: 16vw;
377        height: 16vw;
378        border-radius: 10vw;
379      }
380    }
381    .storyThumb-thumb:before {
382      content: "";
383      display: block;
384      position: absolute;
385      top: 0;
386      left: 0;
387      width: 100%;
388      height: 100%;
389      z-index: 2;
390      opacity: 0.45;
391    }
392    .is-disable .storyThumb-thumb:before {
393      background-color: #ecf7f9;
394    }
395    .storyThumb-thumb img {
396      z-index: 1;
397      position: relative;
398    }
399    .storyThumb-thumb--more {
400      border: 2px solid #379c56;
401      line-height: 64px;
402      font-size: 1.2rem;
403      background-color: #ffffff;
404      text-decoration: none;
405      cursor: pointer;
406      color: #379c56;
407    }
408    @media (max-width: 768px) {
409      .storyThumb-thumb--more {
410        line-height: 16vw;
411      }
412    }
413    .storyThumb-thumb--more:before {
414      display: none;
415    }
416    .popup .storyThumb-thumb--more {
417      display: none;
418    }
419    .storyThumb-date {
420      margin: 0.75rem 0 0 0;
421      font-size: 1rem;
422      line-height: 1;
423      color: #379c56;
424    }
425    .is-disable .storyThumb-date {
426      color: #b3b3b3;
427    }
428    
429    .storyThumb-name {
430      font-size: 12px;
431    }
432    
433    #stories-popup {
434      visibility: hidden;
435      position: fixed;
436      width: 100vw;
437      height: 100%;
438      z-index: -1;
439      transform: scale(0, 0);
440      transition: all 300ms 0s ease;
441      background-color: rgba(255, 255, 255, 0.9);
442    }
443    #stories-popup.is-active {
444      visibility: visible;
445      z-index: 30000;
446      transform: scale(1, 1);
447      top: 0;
448    }
449    
450    .stories-player {
451      position: relative;
452      width: 100%;
453      height: 100%;
454      z-index: 1;
455    }
456    .stories-player.is-hide .video-js {
457      visibility: hidden;
458    }
459    .stories-player.is-hide:after {
460      content: "";
461      width: 100%;
462      height: 100%;
463      position: absolute;
464      top: 0;
465      left: 0;
466      background-repeat: no-repeat;
467      background-position: center;
468      background-size: 8vw 8vw;
469      background-image: url(./styles_img/loading.gif);
470    }
471    .stories-player .video-js {
472      width: 100%;
473      height: 100%;
474    }
475    
476    .story_attention {
477      font-size: 1rem;
478      color: #767d7e;
479      width: 100%;
480      text-align: right;
481      margin: 1rem 0 0 0;
482    }
483    
484    .stories-popup-btnClose {
485      position: absolute;
486      right: 4.2%;
487      top: 3%;
488      color: #FFF;
489      width: 2rem;
490      height: 2rem;
491      font-size: 3rem;
492      z-index: 15000;
493    }
494    .stories-popup-btnClose:before, .stories-popup-btnClose:after {
495      content: "";
496      position: absolute;
497      display: block;
498      background-color: #FFF;
499      width: 100%;
500      height: 1px;
501      top: 50%;
502      left: 0;
503    }
504    .stories-popup-btnClose:before {
505      -webkit-transform: rotate(45deg);
506      -moz-transform: rotate(45deg);
507      -ms-transform: rotate(45deg);
508      -o-transform: rotate(45deg);
509      transform: rotate(45deg);
510    }
511    .stories-popup-btnClose:after {
512      -webkit-transform: rotate(-45deg);
513      -moz-transform: rotate(-45deg);
514      -ms-transform: rotate(-45deg);
515      -o-transform: rotate(-45deg);
516      transform: rotate(-45deg);
517    }
518    
519    .stories-swiper-container {
520      height: 100%;
521    }
522    
523    #stories-popup .swiper-pagination {
524      display: none;
525    }
526    #stories-popup .swiper-container {
527      height: 100%;
528    }
529    #stories-popup .swiper-container .swiper-slide-active {
530      z-index: 1000 !important;
531    }
532    #stories-popup .swiper-button-next,
533    #stories-popup .swiper-button-prev {
534      display: none;
535    }
536    #stories-popup .swiper-pagination-fraction, #stories-popup .swiper-pagination-custom,
537    #stories-popup .swiper-container-horizontal > .swiper-pagination-bullets {
538      bottom: -6%;
539    }
540  </style>
541<style>
542.youtube_wrap{max-width:500px;
543margin:0 auto;}
544.youtube {
545  position: relative;
546  width: 100%;
547  padding-top: 56.25%;
548
549}
550.youtube iframe {
551  position: absolute;
552  top: 0;
553  right: 0;
554  width: 100% !important;
555  height: 100% !important;
556}
557
558
559
560</style>
561
562<title>メッセージアプリとは | 櫻坂46メッセージ</title>
563</head>
564<body>
565
566<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 566-567
566
567<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
567GTM-NFD6VJ7
vendor: 83 bytes, lines 567-568
567"
568height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
569<!-- End Google Tag Manager (noscript) -->
570<div class="fanclub">
571<div class="keyaki-app">
572<div class="l-wrapper">
573<div class="l-content">
574<div class="l-inner">
575<div class="howtoapp-appicon">
576
577
578<script>
579window.location.href = "https://sakurazaka46.com/s/s46app/page/app_guide";
580</script>
580
581<img src="/files/14/common/pages/app_guide/images/bnr_app20250702_sakura_pc.jpg" alt="" />
582
583
584
585</div>
586
587<p class="text-center"> 「櫻坂46メッセージ」は<br /> 櫻坂46のメンバーからメッセージが届く♪<br /> 公式アプリです!<br /><br /> 「櫻坂46メッセージ」をダウンロード (アプリ本体:無料)<br />  </p>
588
589<div class="box-100">
590<div class="box-50"><a href="https://apps.apple.com/jp/app/id1533063668" target="_blank"> <img src="/files/14/common/pages/app_guide/images/icon_appstore2407.png" alt="" /> </a></div>
591<div class="box-50"><a href="https://play.google.com/store/apps/details?id=jp.co.sonymusic.communication.sakurazaka" target="_blank"> <img src="/files/14/common/pages/app_guide/images/icon_googleplay2407.png" alt="" /> </a></div>
592</div>
593<div class="youtube_wrap">
594<div class="youtube">
595<iframe width="560" height="315" src="https://www.youtube.com/embed/KurJN00M9Rs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
596</div>
597</div>
598
599    
600  <br /> 
601<h3 class="howtoapp-ttl">「櫻坂46メッセージ」の機能</h3>
602 
603<div class="inner">
604<div class="app-box app-box-01">
605<div class="box-50">
606<div class="header-inner-ttl">トーク</div>
607<p>お気に入りのメンバーを購読すると、テキストはもちろん、写真や動画などここでしか見ることができないメッセージが届きます。各メンバーにつき1度まで、初めて購読するときに限り、24時間前までに配信されたメッセージも受け取ることができます。さらに、メンバーにファンレターを送ることもできます。 <br /> ※トークとレターの機能は有料サービスです。<a href="#talk">トークの詳細はこちら!</a></p>
608</div>
609<div class="box-50">
610<div class="box-line"> <img src="/files/14/common/pages/app_guide/images/app_talk_v10_sakura.jpg" alt="" />   </div>
611</div>
612</div>
613<div class="app-box app-box-02">
614<div class="box-50 box-50-0201">
615<div class="header-inner-ttl">ブログ</div>
616<p>公式サイト内のブログがアプリでチェックできます!ブログの更新通知も設定可能ですので、ブログの更新も見逃すこともありません。 <br /> ※ブログの更新通知の初期設定はオフとなっております。[設定] > [ブログ通知] より更新通知を設定できます。</p>
617</div>
618<div class="box-50 box-50-0202">
619<div class="box-line"> <img src="/files/14/common/pages/app_guide/images/app_blog_v09_sakura.jpg" alt="" />   </div>
620</div>
621</div>
622<div class="app-box app-box-03">
623<div class="box-50">
624<div class="header-inner-ttl">ニュース</div>
625<p>公式サイト内のニュースがアプリ内でご覧いただけます。ニュースの更新通知も設定可能です。 <br /> ※ニュースの更新通知の初期設定はオフとなっております。[設定] > [ニュース通知] より更新通知を設定できます。</p>
626</div>
627<div class="box-50">
628<div class="box-line"> <img src="/files/14/common/pages/app_guide/images/app_news_v09_sakura.jpg" alt="" />   </div>
629</div>
630</div>
631</div>
632<br />
633<h3 class="howtoapp-ttl" id="talk">トークの使い方</h3>
634<div class="inner">
635<div class="box-wrap">
636<div class="text-center">
637<div class="box-line">  <img src="/files/14/common/pages/app_guide/images/app_tutorial_2_1_v04_sakura.png" alt="" /> </div>
638</div>
639<p>登録をしたメンバーから、不定期にメッセージが届きます。登録以降に配信されたメッセージを受け取ることができます。<br /> <br /> トーク画面では、メッセージを長押しするとお気に入り登録ができます。<br /> <br /> トークの機能は月額有料サービスです。本サービスは、有料登録後から1か月毎の自動更新サービスとなります。</p>
640<div class="price-box">価格 :1メンバー300円(税込)</div>
641<p>・期間: 1ヶ月間 (申し込み日から起算) / 月額自動更新<br /> ・課金について:<br />   iOSをご利用の場合、ご利用のiTunesアカウントに課金されます。<br />  Androidをご利用の場合、ご利用のGoogle Playアカウントに課金されます。<br /> ・定期購読の自動更新について:<br />  有料登録後から1か月毎の自動更新サービスとなります。キャンセルをご希望の場合は、ご契約期間が終了する前に自動更新をオフにしてください。iOSをご利用の場合、自動更新される際の課金については、定期購読期間終了前の24時間以内に行われます。キャンセルをご希望の場合は、ご契約期間が終了する24時間以上前に自動更新をオフにしてください。<br /> ・定期購読の確認方法と解約方法:<br /> ■iOSをご利用の場合、定期購読の確認と解約は下記の画面から行うことができます。<br /> 1.「設定」&gt;「iTunes Store と App Store」の順に選択します。<br /> 2. 画面の上部に表示されている Apple ID をタップします。<br /> 3.「Apple ID を表示」をタップします。必要に応じて、サインインã
641™ã‚‹ã‹ã€Touch ID を使います。<br /> 4. 「登録」をタップすると、購読中のコンテンツが表示されます。<br /> <a href="https://support.apple.com/ja-jp/HT202039" target="_blank">https://support.apple.com/ja-jp/HT202039</a><br /> ■Androidをご利用の場合、定期購読の確認と解約は下記の画面から行うことができます。<br /> <!--<span style="color: #ff0000;">※現在、下記の画面にアクセスをしますと、Google Playの問題により定期購入の商品名が全て「欅坂46/日向坂46 メッセージ」と表示されるため、複数のメンバーを購読している場合にメンバー名の区別がつかない状態となっております。<br/>
642つきましては、大変お手数ではございますが、解約をご希望される場合には、以下のURLをコピーしていただき、Chorme等のブラウザのURL部分に貼り付けをして直接アクセスを行っていただきますと、メンバー名が表示された解約ページにアクセスが行えます。<br/><br/>
643https://play.google.com/store/apps/details?id=jp.co.sonymusic.communication.keyakizaka<br/><br/>
644強制的にGoogle Playアプリにリダイレクトする場合もございますので、必ずブラウザに直接URLを貼り付けてアクセスしてください。<br/></span>
645<br/>--> 1.Google Play ストアを起動します。<br /> 2. メニュー &gt; [アカウント] &gt; [定期購入] をタップします。<br /> 3.解約する定期購入を探します。<br /> 4. [解約] をタップします。<br /> <a href="https://support.google.com/googleplay/answer/7018481?co=GENIE.Platform%3DAndroid&hl=ja" target="_blank">https://support.google.com/googleplay/answer/7018481?co=GENIE.Platform%3DAndroid&hl=ja</a></p>
646<br />
647<div class="text-center">
648<div class="box-line"> <img src="/files/14/common/pages/app_guide/images/app_tutorial_2_2_v04_sakura.png" alt="" />  </div>
649</div>
650<p>定期購読をしているメンバーを対象に、アプリを通じてレターの送信が行えます。<br /> レターには「カード」タイプと「レター」タイプのテンプレートをご用意。伝えたいメッセージに応じて選んでみてください!<br /> レターは他のユーザーからは一切見ることができませんので、安心してご利用いただけます。</p>
651<div class="price-box">価格 :レター送付1通160円(税込)</div>
652<p>・課金について:<br />  iOSをご利用の場合、ご利用のiTunesアカウントに課金されます。<br />  Androidをご利用の場合、ご利用のGoogle Playアカウントに課金されます。</p>
653</div>
654</div>
655<br />
656<h3 class="howtoapp-ttl">よくある質問</h3>
657<div class="inner text-center">
658    
659
660<div class="btn-app"><a href="https://faq.sakurazaka46.com/?kinds=メッセージ&utm_source=message&utm_medium=referral&utm_campaign=message-support" target="_blank">よくある質問はこちら</a></div>
661
662    
663    
664</div>
665<br />
666<h3 class="howtoapp-ttl">お問い合わせ</h3>
667<div class="inner text-center">
668<p>アプリの使いかたへのご質問、不具合や今後の機能のリクエストなどはこちらにお寄せください。</p>
669<div class="btn-app"> <a href="/s/s46app/form/inquiry?ima=0000&cd=form_app">「櫻坂46 メッセージ」に関するお問い合わせはこちら</a>  </div>
670</div>
671
672<br />
673<h3 class="howtoapp-ttl">推奨環境</h3>
674<div class="inner">
675                            <p>iOS 14以上、Android 7.0以上のスマートフォン端末<br>
676                                (パソコン、タブレットではご利用いただけません)<br>
677                                ※一部の機種やOSバージョンによっては、正常に動作しない場合がございます。また、今後のOSアップデートやアプリのバージョン更新に伴い、動作に影響が出る場合がございます。<br>
678                                ※推奨環境であっても、すべての端末においての動作を保証するものではございません。あらかじめご了承ください。
679                            </p>
680</div>
681
682<br />
683<h3 class="howtoapp-ttl">利用規約</h3>
684<div class="inner text-center">
685<div class="btn-app">
686 <a href="https://sakurazaka46.com/app_terms/">こちらをご覧ください。</a>  
687</div>
688</div>
689
690<br />
691<h3 class="howtoapp-ttl">特定商取引法に基づく表記</h3>
692<div class="inner text-center">
693<div class="btn-app">
694 <a href="https://sakurazaka46.com/tokushoho_app/">こちらをご覧ください。</a>  
695</div>
696</div>
697
698<br />
699<h3 class="howtoapp-ttl">プライバシーポリシー</h3>
700<div class="inner text-center">
701<div class="btn-app">
702 <a href="https://sakurazaka46.com/app_privacy_policy/">こちらをご覧ください。</a>  
703</div>
704</div>
705
706</div>
707</div>
708</div>
709</div>
710</div>
711<div id="stories-popup">
712<div class="stories-popup-btnClose js-stories-btnClose"></div>
713<div class="stories-swiper-container">
714<div class="swiper-wrapper"></div>
715</div>
716</div>
717
718  <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
718<script src="https://unpkg.com/swiper/js/swiper.min.js"></script>
718               
719  
719<script>
720    $(function(){
721      $('a[href^=#]').click(function() {
722          var speed = 400;
723          var href= $(this).attr("href");
724          var target = $(href == "#" || href == "" ? 'html' : href);
725          var position = target.offset().top;
726          $('body,html').animate({scrollTop:position}, speed, 'swing');
727          return false;
728      });
729    });
730    /*================
731    ファイル内で使用する変数
732    ================*/
733    let myPlayer;
734    let playerHTML;
735    
736    
737    let appendPlayerFlg = false;//プレイヤーは一度のみ追加
738    let swiper;
739    let videoArr = [];
740    
741    //設定系
742    let playerData =
743    {
744      accountId: "4504957038001",
745      playerId: "HJGbcu42b"
746    };
747    let DISPLAY_THUMB_COUNT = 4;  
748    /*================
749    本体
750    ================*/
751    function Stories() {
752    
753      swiper = new Swiper('.stories-swiper-container', {
754        grabCursor: true,
755        on: {
756          slideChange: function () {
757            /*再生終わりのシェアのポップアップを削除*/
758            $('.js-stories-share').removeClass("is-active");
759          },
760          slideChangeTransitionEnd:function () {
761            let activeIndex = swiper.activeIndex;
762            let prevIndex = swiper.previousIndex;
763            changeVideo(prevIndex,activeIndex);
764          }
765        }
766      });
767    
768      /*================
769      サムネイルに付与されている動画IDを配列に格納しておく。
770      ================*/
771      $('.js-storyThumb').each(function(index, element){
772        if($(this).hasClass('is-canShow')){
773          let dataId = $(element).attr("data-id");
774          videoArr.push(dataId);  
775        }
776      });
777      if($('.js-storyThumb').length < DISPLAY_THUMB_COUNT){
778        $('.js-storyThumb-thumb--more').css({
779          'display': 'none'
780        });
781    
782      }
783    
784      /*================
785      クリックイベントの登録
786      ================*/
787      //サムネイル:クリック
788      $('.js-storyThumb').on('click',function(){
789        //閲覧可能
790        console.log("$(this)",$(this))
791        if($(this).hasClass('is-canShow')){
792          let storyIndex = $('.is-canShow').index(this);
793          console.log("storyIndex__",storyIndex)
794          let dataId = videoArr[storyIndex];
795          console.log("dataId",dataId)
796          popupOpenStory(dataId,storyIndex);  
797        }
798        //ログイン催促
799        if($(this).hasClass('is-disable')){
800          popupOpenLogin();  
801        }
802      });
803      //クローズボタン:クリック
804      $('.js-stories-btnClose').on('click',function(){
805        popupClose();
806      });
807      //ログイン催促
808      $('.js-popup_login_btnClose').on('click',function(){
809        popupCloseLogin();
810      });
811    };
812    
813    /*================
814    ポップアップの処理:ストーリーオープン
815    ================*/
816    function popupOpenStory(dataId,storyIndex){
817    
818      console.log("popupOpenStory")
819    
820      $("#stories-popup").addClass("is-active");
821    
822      //プレイヤーがなかったら追加する
823      if(!appendPlayerFlg){
824        addPlayer(storyIndex,dataId);    
825      }else{
826        myPlayer.play();
827      }
828      //スライド位置の呼び出し
829      swiper.slideTo(
830        storyIndex,//slide index
831        0//speed
832      );
833    }
834    /*================
835    ポップアップの処理:ログイン催促オープン
836    ================*/
837    function popupOpenLogin(){
838      var target_popup = $("#js-popup_login");
839      target_popup.addClass("is-active");
840    }
841    /*================
842    ポップアップの処理:閉じる
843    ================*/
844    function popupClose(){
845    
846      $("#stories-popup").removeClass("is-active");
847      $('.js-stories-share').removeClass("is-active");
848    
849      myPlayer.pause();
850    
851    }
852    /*================
853    ポップアップの処理:ログイン催促クローズ
854    ================*/
855    function popupCloseLogin(){
856      var target_popup = $("#js-popup_login");
857      target_popup.removeClass("is-active");
858    }
859    
860    /*================
861    brightcoveプレイヤーの追加
862    ================*/
863    function addPlayer(spiwerIndex,movieId) {
864      let slide = swiper.slides[spiwerIndex];
865      let storiesPlayer = $('.js-storiesPlayer',$(slide));
866    
867      //差し込むvideoのDOM
868      playerHTML =
869        '<video-js id="myPlayerID" data-video-id="' +
870        movieId +
871        '"  data-account="' +
872        playerData.accountId +
873        '" data-player="' +
874        playerData.playerId +
875        '" data-embed="default" class="video-js" controls playsinline></video-js>';
876    
877      //activeなswiperのslideに差し込む
878      storiesPlayer.append(playerHTML);
879    
880      //brightcoveのvideojsの読み込み
881      var s = document.createElement("script");
882    
883      //一度だけプレイヤーを読み込む
884      if(!appendPlayerFlg){
885        s.src =
886        "https://players.brightcove.net/" +
887        playerData.accountId +
888        "/" +
889        playerData.playerId +
890        "_default/index.min.js";
891        document.body.appendChild(s);
892        //読み込み完了後に動画まわりの設定をする
893        s.onload = setVideoProp;
894      }
895    }
896    
897    /*================
898    動画周りの設定
899    ================*/
900    function setVideoProp() {
901      appendPlayerFlg = true;
902      myPlayer = bc("myPlayerID");
903      myPlayer.on("play", onPlay);
904      myPlayer.on("ended", onEnd);  
905      myPlayer.on("loadedmetadata", function() {
906        myPlayer.play();
907      });
908    }
909    /*================
910    動画周りの設定:再生時
911    ================*/
912    function onPlay(e) {
913      let id = e.target.id;
914    }
915    /*================
916    動画周りの設定:終了時
917    ================*/
918    function onEnd(e) {
919      let id = e.target.id;
920      $('.js-stories-share').addClass("is-active");
921    }
922    /*================
923    スワイプ後に呼び出す
924    ================*/
925    function changeVideo(prevIndex,nextIndex) {
926      if(!appendPlayerFlg){
927        return;
928      }
929      let prevSlide = swiper.slides[prevIndex];
930      let targetPlayerBoxPrev = $('.js-storiesPlayer',$(prevSlide));
931      let nextSlide = swiper.slides[nextIndex];
932      let targetPlayerBoxNext = $('.js-storiesPlayer',$(nextSlide));
933      targetPlayerBoxNext.addClass("is-hide");
934      let videoId = videoArr[nextIndex];
935    
936      let video_dom = targetPlayerBoxPrev.children();
937    
938      video_dom.prependTo(targetPlayerBoxNext);
939      myPlayer.catalog.getVideo(videoId, function(error, video) {
940        targetPlayerBoxNext.removeClass("is-hide");
941        myPlayer.catalog.load(video);
942        myPlayer.play();
943      });
944    }
945    Stories();  
946  </script>
946
947 </body>
948</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.