PageSourceSearch

https://tree-village.jp/news/014485.html

html tree-village.jp collected 2026-10-02 16:50:01 UTC 76,637 bytes, 2,382 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
5<meta name="apple-mobile-web-app-capable" content="yes" />
6<meta http-equiv="content-language" content="ja" />
7<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
8<meta name="description" content="東京スカイツリータウン&amp;reg; 商業施設 東京ソラマチ&amp;reg;最大の店舗として、TV番組をテーマにしたグッズ・飲食を提供するテレビエンタテインメント オフィシャルストア。">
9<meta name="keywords" content="ツリービレッジ,Tree Village,TREEVILLAGE,treevillage,スカイツリー,ソラマチ,日本テレビ,TBS,テレビ朝日,テレビ東京,フジテレビ,テレビ局,お土産,キャラクターグッズ">
10<meta name="format-detection" content="telephone=no">
11<meta name="viewport" content="width=device-width, initial-scale=1">
12<meta property="og:title" content="エンタメショップ ツリービレッジ">
13<meta property="og:type" content="website">
14<meta property="og:image" content="/assets/img/common/og.jpg">
15<meta property="og:url" content="http://tree-village.jp/">
16<meta property="og:description" content="東京スカイツリータウン&reg; 商業施設 東京ソラマチ&reg;最大の店舗として、TV番組をテーマにしたグッズ・飲食を提供するテレビエンタテインメント オフィシャルストア。">
17<meta property="og:locale" content="ja_JP">
18<meta property="og:site_name" content="エンタメショップ ツリービレッジ">
19<meta name="twitter:card" content="summary">
20<meta name="twitter:title" content="エンタメショップ ツリービレッジ">
21<meta name="twitter:description" content="東京スカイツリータウン&reg; 商業施設 東京ソラマチ&reg;最大の店舗として、TV番組をテーマにしたグッズ・飲食を提供するテレビエンタテインメント オフィシャルストア。">
22<meta name="twitter:image" content="/assets/img/common/og.jpg">
23<meta name="twitter:site" content="@treevillage_jp">
24<meta name="twitter:creator" content="@treevillage_jp">
25<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
vendor: 1 bytes, line 25
25
26<script defer src="https://use.fontawesome.com/releases/v5.14.0/js/all.js"></script>
vendor: 1 bytes, line 26
26
27<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.js"></script>
vendor: 1 bytes, line 27
27
28<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/js/drawer.min.js"></script>
vendor: 1 bytes, line 28
28
29<script type="text/javascript" src="/assets/js/slick.min.js"></script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="https://shop.mu-mo.net/js/smoothscroll.js"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript" src="/assets/js/common.js"></script>
31
32<link rel="icon" href="/assets/img/common/favicon.ico">
33<link rel="apple-touch-icon-precomposed" href="/assets/img/common/apple-touch-icon-180x180.png">
34<link href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" rel="stylesheet">
35<link rel ="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
36<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css">
37<link rel="stylesheet" type="text/css" href="/assets/css/slick.css">
38<link rel="stylesheet" type="text/css" href="/assets/css/slick-theme.css">
39<link rel="stylesheet" type="text/css" href="/assets/css/common.css">
40<!-- webfont -->
41<link rel="preconnect" href="https://fonts.googleapis.com">
42<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
43<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap" rel="stylesheet"> 
44<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">
45<!-- /webfont -->
46<script type="text/javascript">
47/* global header */
48
49  // HTML生成
50  function showGheader() {
51    $('.__header').html('<h1><a href="/" target="_top"><img src="/assets/img/common/ttl3.png" alt="エンタメショップ ツリービレッジ"></a></h1><p><a href="/#access" target="_top"><i class="fas fa-map-marker-alt"></i><span>ACCESS</span></a></p><div role="banner" class="menu"><button type="button" class="drawer-toggle drawer-hamburger"><span class="sr-only">toggle navigation</span><span class="drawer-hamburger-icon"></span></button><nav class="drawer-nav" role="navigation"><ul class="drawer-menu"><div><li><a href="/" target="_top">HOME</a></li><!-- li><a href="/#info" target="_top">INFORMATION</a></li --><li><a href="https://shop.mu-mo.net/treevillage/" target="_blank">オンライン販売中</a></li><li><a href="/#access" target="_top">ACCESS</a></li><!-- li><a href="/#floor" target="_top">店内FLOOR MAP</a></li --><!-- li><a href="/brand.html" target="_top">お取り扱いブランド</a></li --></div><div><li><a href="https://avex.com/jp/ja/contact/product/" target="_blank">本サイトへのお問い合わせ</a></li><li><a href="https://avex.com/jp/ja/" target="_blank">個人情報保護方針</a></li><li><a href="https://avexnet.jp/site-policy" target="_blank">サイトポリシー</a></li><li><a href="https://avexnet.jp/userdata-external-transmission" target="_blank">利用者情報の外部送信</a></li><li><aside class="sns"><h3><span><small>おトク情報&最新情報はコチラ</small>FOLLOW ME</span></h3><ul><li><a href="https://twitter.com/intent/follow?screen_name=treevillage_jp" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></li><li><a href="https://www.instagram.com/treevillage__official/?hl=ja" target="_blank"><i class="fab fa-instagram"></i></a></li></ul></aside></li></div></ul></nav></div>');
52    return;
53  }
54
55  $(window).on('scroll', function() {
56    $('.__header').toggleClass('fixed', $(this).scrollTop() > 5)
57  });
58
59/* /global header */
60</script>
60
61<link rel="stylesheet" type="text/css" href="/news/assets/css/detail.css">
62<title>劇場版 魔法少女まどか☆マギカPOP UP STORE&STAND CAFE in Tree Village | NEWS | エンタメショップ ツリービレッジ</title>
63</head>
64<body class="drawer drawer--top">
65<!-- Google Tag Manager -->
66<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NX2CS3"
67height="0" width="0" ></iframe></noscript>
68<script>
vendor: 321 bytes, lines 68-72
68(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
69new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
70j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
71'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
72})(window,document,'script','dataLayer','
72GTM-NX2CS3
vendor: 3 bytes, line 72
72');
72</script>
72
73<!-- End Google Tag Manager -->
74
75<!-- main-contents -->
76<article id="main-contents">
77
78  <!-- __header -->
79  <article class="__header"></article>
80  
80<script type="text/javascript">showGheader();</script>
80
81  <!-- /__header -->
82
83  <!-- wrapper -->
84  <article id="wrapper">
85
86    <p id="pagetop"><a href="#"><i class="fas fa-chevron-circle-up"></i></a></p>
87
88    <section id="tvo">
89      <h2>劇場版 魔法少女まどか☆マギカ<ワルプルギスの廻天><br>POP UP STORE&STAND CAFE in Tree Village</h2>
90      <p></p>
91</mt:If>
92      <article>
93        <style type="text/css">
94  /* general */
95   .grayout {
96    color: #aaa !important;
97   }
98
99    dl.notice > dd, 
100    li.notice, 
101    span.notice {
102      padding: 0 0 0 1em;
103      /* text-indent: -1em; */
104    }
105  /* /general */
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129  /* SP */
130    @media screen and (max-width:812px) {
131
132      #wrapper section#tvo > h2 {
133        font-size: 105%;
134      }
135
136      /* general */
137        #wrapper section#tvo > article > div.new ul.notice > li {
138          padding: 0 0 0.5em;
139          font-size: 280%;
140        }
141
142        /* #wrapper section#tvo > article > div:nth-of-type(2) > section > h3 {
143          background: #ff6000;
144          border: 0;
145          color: #fff;
146          font-size: 480% !important;
147          text-align: center !important;
148        }
149
150        #wrapper section#tvo > article > div:nth-of-type(2) > section > h3 + p {
151          font-size: 350%;
152          font-weight: 700;
153          text-align: center;
154        } */
155
156        #wrapper section#tvo > article > div:nth-of-type(6) {
157          /* padding: 3vw 0 0; */
158        }
159
160        #wrapper section#tvo > article > div.new_01 > section {
161          background: #efece7;
162          padding: 3vw 0 0;
163        }
164
165        #wrapper section#tvo > article > div.new_01:nth-of-type(2) > section {
166          padding: 0;
167        }
168
169        #wrapper section#tvo > article > div.new > aside > h4 {
170          font-size: 340%;
171          /* width: 96%; */
172        }
173
174        #wrapper section#tvo > article > div.new > aside > h4 + p {
175          font-size: 320%;
176          text-align: center;
177        }
178
179        #wrapper section#tvo > article > div.new > aside > p.caution {
180          font-size: 320%;
181        }
182
183        #wrapper section#tvo > article > div.new > aside > h5 {
184          font-size: 330%;
185          margin: 0 auto;
186          padding: 1vw 0;
187          text-align: center;
188          width: 90%;
189        }
190
191        #wrapper section#tvo > article > div.new > aside > h5 + dl {
192          align-items: flex-start;
193          display: flex;
194          flex-wrap: wrap;
195          justify-content: center;
196          font-size: 100%;
197          margin: 0 auto 2vw;
198          width: 90%;
199        }
200
201        #wrapper section#tvo > article > div.new > aside > h5 + dl > dt {
202          font-weight: 700;
203          width: 18%;
204        }
205
206        #wrapper section#tvo > article > div.new > aside > h5 + dl > dd {
207          margin: 0 0 0.5em;
208          width: 82%;
209        }
210
211        #wrapper section#tvo > article > div.new > aside > h5 + dl > dd > span.caution {
212          font-size: 80%;
213        }
214
215        #wrapper section#tvo > article > div.new > p {
216          margin: 0.5em auto;
217          text-align: center;
218          width: 90%;
219        }
220
221        #wrapper section#tvo > article > div.new > p > strong {
222          display: block;
223          font-size: 120%;
224        }
225
226        #wrapper div > h4, 
227        #wrapper section > h4 {
228          font-size: 320%;
229          margin: 0 auto 0.5em;
230          text-align: left;
231          width: 90%;
232        }
233
234        #wrapper div > dl {
235          font-size: 280%;
236          margin: 0 auto;
237          text-align: left;
238          width: 90%;
239        }
240
241        #wrapper div > dl > dt {
242          font-weight: 700;
243        }
244
245        #wrapper div > dl.notice > dd {
246          padding: 0 0 0.5em 1em;
247          text-indent: -1em;
248        }
249
250        #wrapper div > dl > dd > a {
251          display: inline;
252        }
253
254        #wrapper p > strong {
255          display: block;
256          font-size: 120%;
257          text-align: center;
258        }
259
260        #wrapper .online > dl > dt {
261          font-size: 300%;
262          font-weight: 700;
263        }
264
265        #wrapper .online > dl > dd > a {
266          margin: 1vw auto 3vw;
267        }
268
269        #wrapper a.btn2 {
270          align-items: center;
271          background: #000;
272          border-radius: 8vw;
273          color: #fff;
274          display: flex;
275          font-size: 120%;
276          font-weight: 700;
277          justify-content: center;
278          margin: 5vw auto;
279          padding: 0.7em 0.5em;
280          position: relative;
281          width: 80%;
282        }
283
284        #wrapper a.btn3 {
285          align-items: center;
286          background: #000;
287          border-radius: 8vw;
288          color: #fff;
289          display: flex;
290          font-size: 320%;
291          font-weight: 700;
292          justify-content: center;
293          margin: 6vw auto 1vw;
294          padding: 0.7em 0.5em;
295          position: relative;
296          width: 60%;
297        }
298
299        #wrapper a.btn2::after, 
300        #wrapper a.btn3::after {
301          content: '▼';
302          font-size: 120%;
303          font-weight: 400;
304          line-height: 1;
305          position: absolute;
306          right: 3%;
307          top: 40%;
308          transform: rotate(30deg) scale(0.5) translateY(-40%);
309        }
310
311        #wrapper a.btn3::after {
312          right: 5%;
313        }
314
315        /* flex */
316          #wrapper .flx {
317            align-items: flex-start;
318            display: flex;
319            flex-wrap: wrap;
320            justify-content: space-between;
321            margin: 0 auto;
322            width: 90%;
323          }
324
325          #wrapper .flx > li {
326            margin: 0 0 2em;
327            width: 48%;
328          }
329
330          #wrapper .flx > li:not(:last-child) {
331            /* margin: 0 0 4vw;
332            width: 48%; */
333          }
334
335          #wrapper .flx > li > ul.notice {
336            margin: 0 !important;
337            width: 100% !important;
338          }
339
340          #wrapper .flx > li > ul.notice > li {
341            font-size: 345% !important;
342            font-weight: 700;
343            padding: 0 0 2vw !important;
344          }
345
346          #wrapper .flx > div {
347            background: #eee;
348            font-size: 380%;
349            height: 66vw;
350            margin: 2% 0;
351            padding: 2%;
352            width: 48%;
353          }
354
355          #wrapper .flx > div > dt {
356            font-size: 80%;
357            font-weight: 700;
358            line-height: 1.3;
359            padding: 1em 0 0;
360          }
361
362          #wrapper .flx > div > dd {
363            font-size: 90%;
364          }
365
366          #wrapper .flx > div > dd > span {
367            font-size: 75%;
368          }
369        /* /flex */
370        
371        #wrapper section#tvo .tw_osafku {
372          flex-wrap: unset;
373        }
374        
375      /* /general */
376
377      /* top */
378        #wrapper section#tvo > article > div.top {
379        }
380
381        #wrapper section#tvo > article > div.top > figure > img {
382          /* margin: 0 auto;
383          width: auto; */
384        }
385
386        #wrapper section#tvo > article > div.top > aside > h4 {
387          font-size: 320%;
388          width: 93%;
389        }
390
391        #wrapper section#tvo > article > div.top > aside > h4 > strong {
392          display: block;
393          font-weight: 700;
394          padding: 1em 0 0;
395        }
396
397        #wrapper section#tvo > article > div.top > aside > h4 + p.caution {
398          font-size: 300%;
399          width: 100%;
400        }
401
402        #wrapper section#tvo > article > div.top > aside > h5 {
403          font-size: 400%;
404          padding: 3vw 0 2vw !important;
405        }
406
407        #wrapper section#tvo > article > div.top > aside > h5:nth-of-type(1) {
408          border-top: solid 2px #000;
409        }
410
411        #wrapper section#tvo > article > div.top > aside > p {
412          text-align: center;
413        }
414
415        #wrapper section#tvo > article > div.top > aside > p > strong {
416          margin: 0 auto;
417          padding: 0.5em 1em;
418          text-align: center;
419        }
420        
421        #wrapper section#tvo > article > div.top > aside > p > a {
422          display: inline;
423          text-decoration: underline;
424        }
425
426        #wrapper section#tvo > article > div.top > aside > p.link_official {
427          position: relative;
428          width:80%;
429          background: #fffdee;
430          border-radius: 100px;
431          color: #906346;
432          font-weight: 700;
433          margin: 0 auto 4%;
434          padding: 2%;
435        }
436
437        #wrapper section#tvo > article > div.top > aside > p.link_official:before {
438          content: '▼';
439          font-size: 150%;
440          font-weight: 400;
441          line-height: 1;
442          position: absolute;
443          left: 3%;
444          top: 35%;
445          transform: rotate(30deg) scale(0.5) translateY(-40%);
446        }
447
448        #wrapper section#tvo > article > div.top > aside > p.link_official > a {
449          align-items: normal;
450          background: none;
451          border-radius: 0;
452          color: #906346;
453          display: inline;
454          padding: 0;
455        }
456
457        #wrapper section#tvo > article > div.top > aside > dl {
458          flex-direction: column;
459          margin: 0 auto 1em;
460          width: 96%;
461          /* text-align: center; */
462        }
463
464        #wrapper section#tvo > article > div.top > aside > dl > dt {
465          font-size: 280%;
466          width: 100% !important;
467        }
468
469        #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(2) > dt {
470          font-weight: 700;
471        }
472
473        #wrapper section#tvo > article > div.top > aside > dl > dd {
474          font-size: 270%;
475          margin: 0 0 1em !important;
476          width: 100% !important;
477        }
478
479        #wrapper section#tvo > article > div.top > aside > dl > dd > span {
480          display: block;
481          font-size: 100%;
482        }
483
484        #wrapper section#tvo > article > div.top > aside > div {
485          border: solid 3px #ff6000;
486          margin: 0 auto 20px;
487          width: 90%;
488        }
489
490        #wrapper section#tvo > article > div.top > aside > div > h5 {
491          background: #ff6000;
492          border: 0;
493          color: #fff;
494          font-size: 400%;
495          margin: 0 auto 3vw;
496          padding: 0.5vw 0 !important;
497          text-align: center;
498        }
499
500        #wrapper section#tvo > article > div.top > aside > div > p:nth-last-of-type(1) {
501          font-size: 260% !important;
502          padding: 0 1em;
503          text-align: center;
504        }
505
506        #wrapper section#tvo > article > div.top > aside > div > p:nth-last-of-type(1) > a.btn2 {
507          font-size: 130%;
508          margin: 2vw auto 4vw;
509          padding: 0.2em 0;
510          width: 60%;
511        }
512
513        #wrapper section#tvo > article > div.top > aside > h5 + p {
514          border: solid 2px #000;
515          font-size: 300%;
516          padding: 0 0 1em;
517          text-align: center;
518          width: 80%;
519        }
520
521        /* advance */
522          #wrapper section#tvo > article > div.top > aside > div.advance {
523            border: none;
524          }
525
526          #wrapper section#tvo > article > div.top > aside > div.advance > h5 {
527            background: transparent;
528            color: #000;
529          }
530
531          #wrapper section#tvo > article > div.top > aside > div.advance > p {
532            margin: 1em auto;
533            padding: 0;
534            text-align: left;
535            width: auto;
536          }
537
538          #wrapper section#tvo > article > div.top > aside > div.advance > p > strong, 
539          #wrapper section#tvo > article > div.top > aside > div.advance > p > small {
540            font-size: 110%;
541            text-align: left;
542          }
543
544          #wrapper section#tvo > article > div.top > aside > div.advance > p.btn2 {
545            align-items: center;
546            background: #000;
547            border-radius: 8vw;
548            color: #aaa;
549            display: flex;
550            font-size: 330% !important;
551            font-weight: 700;
552            justify-content: center;
553            margin: 10px auto;
554            padding: 0.7em 0.5em;
555            position: relative;
556            width: 85%;
557          }
558
559          #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 {
560            font-size: 160%;
561            height: 3em;
562            padding: 0.4em 0.5em;
563            width: 90%;
564          }
565
566          #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 > span {
567            font-size: 70%;
568            font-weight: 400;
569            line-height: 1.4;
570            text-align: center;
571          }
572
573          #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 > span > strong {
574            display: block;
575            font-size: 120%;
576          }
577
578          #wrapper section#tvo > article > div.top > aside > div.advance > p.caution {
579            border-top: solid #000 2px;
580            padding: 1em 0 0;
581          }
582
583          #wrapper section#tvo > article > div.top > aside > div.advance > p.caution.nobdr {
584            border: 0;
585            padding: 0;
586          }
587
588          #wrapper section#tvo > article > div.top > aside > div.advance > p.caution > span {
589            display: block;
590            font-weight: 700;
591          }
592
593          #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice {
594            font-size: 100%;
595            margin: 0 0 1vw;
596            width: auto;
597          }
598
599          #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice > li {
600            word-break: break-all;
601          }
602
603          #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice > li > a {
604            display: inline;
605          }
606
607          #wrapper section#tvo > article > div.top > aside > div.advance > dl.notice {
608            width: 100%;
609          }
610
611          #wrapper section#tvo > article > div.top > aside > div.advance > dl.notice > dt {
612            font-size: 110%;
613            margin: 0.5em 0;
614          }
615        /* /advance */
616
617        /* #wrapper section#tvo > article > div.top > p:last-child {
618          padding: 0 0 1em;
619        } */
620      /* /top */
621
622      /* outline */
623        #wrapper .outline > section > ul {
624          font-size: 290%;
625          margin: 0 auto 3vw;
626          text-align: left;
627          width: 90%;
628        }
629
630        #wrapper .outline > section > ul > li.notice {
631          font-size: 80%;
632        }
633
634        #wrapper > section#tvo .outline > section > p.tw {
635          margin: 0 auto 2vw !important;
636        }
637
638        #wrapper .online p > strong.caution {
639          font-size: 110% !important;
640          text-align: left !important;
641        }
642      /* /outline */
643
644      /* goods */
645        #wrapper section#tvo > article > div.goods {
646          background: #fff;
647          overflow: hidden;
648          padding: 1vw 0 0;
649        }
650
651        #wrapper section#tvo > article > div.goods > section {
652          padding: 3vw 0;
653        }
654
655        #wrapper section#tvo > article > div.goods > section > h4 + p {
656          font-size: 300%;
657          font-weight: 700;
658          text-align: left;
659        }
660
661        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(3), 
662        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(4) {
663          height: 70vw;
664        }
665
666        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(15), 
667        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(16), 
668        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(23), 
669        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(24), 
670        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(25), 
671        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(26), 
672        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(27), 
673        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(28), 
674        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(31) {
675          height: 58vw;
676        }
677
678        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(13), 
679        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(14), 
680        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(17), 
681        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(18), 
682        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(19), 
683        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(20), 
684        #wrapper secti
684on#tvo > article > div.goods .flx > div:nth-of-type(21), 
685        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(22), 
686        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(29), 
687        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(30) {
688          height: 62vw;
689        }
690
691        #wrapper section#tvo > article > div.goods a.btn2 {
692          text-align: center;
693          width: 80%;
694        }
695
696        #wrapper section#tvo > article > div.goods > section > dl {
697          margin: 0 auto;
698          text-align: left;
699          width: 90%;
700        }
701
702        #wrapper section#tvo > article > div.goods > section > dl > dt {
703          font-size: 310%;
704          font-weight: 700;
705        }
706
707        #wrapper section#tvo > article > div.goods > section > dl > dd {
708          font-size: 290%;
709        }
710
711        #wrapper section#tvo > article > div.goods > section > dl > dd > ul.notice {
712          margin: 3vw auto;
713          width: 100%;
714        }
715
716        #wrapper section#tvo > article > div.goods > section > dl > dd > ul.notice > li {
717          font-size: 100%;
718        }
719
720        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) {
721          margin: 0 auto 10em;
722        }
723
724        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dt {
725          margin: 0 0 2em;
726          padding: 0;
727          text-align: center;
728        }
729
730        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dt:not(:first-child) {
731          border-top: solid 1px #bbb;
732          margin: 3em 0 2em;
733          padding: 2em 0 0;
734        }
735
736        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dd {
737          margin: 0 auto;
738          width: 70%;
739        }
740
741        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dd.copy {
742          font-size: 270%;
743          margin: 2em 0 0;
744          text-align: center;
745          width: 100%;
746        }
747
748        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) div {
749          align-items: flex-start;
750          display: flex;
751          flex-direction: column;
752          flex-wrap: wrap;
753          justify-content: space-between;
754        }
755
756        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) div > dd:not(:last-child) {
757          margin: 0 auto 5em;
758        }
759
760        #wrapper section#tvo > article > div.goods > section > figure:nth-of-type(3) {
761          margin: 0 0 5vw 5vw;
762        }
763
764        #wrapper section#tvo > article > div.goods > section > figure > figcaption {
765          background: #fee46e;
766          border: solid 3px #000;
767          color: #000;
768          font-size: 300%;
769          font-weight: 700;
770          margin: 1em 0 0;
771          padding: 1em;
772        }
773
774        #wrapper section#tvo > article > div.goods > section > div.goodslist > figure > figcaption {
775          font-size: 275%;
776          font-weight: 700;
777          margin: 0 0 0.5em;
778        }
779
780        #wrapper section#tvo > article > div.goods > section > div.goodslist > figure > img {
781          margin: 0 auto;
782          width: 90%;
783        }
784      /* /goods */
785
786      /* benefit */
787        #wrapper section#tvo > article > div.benefit {
788          background: #fff;
789          overflow: hidden;
790          padding: 3vw 0;
791        }
792
793        #wrapper section#tvo > article > div.benefit > section {
794          padding: 0;
795        }
796
797        #wrapper section#tvo > article > div.benefit > section > h3 > span {
798          display: block;
799          font-size: 80%;
800        }
801
802        #wrapper section#tvo > article > div.benefit > section > h4 {
803          align-items: center;
804          display: flex;
805          font-size: 360%;
806          font-weight: 400;
807          justify-content: space-between;
808          margin: 0 auto 0.5em;
809          width: 90%;
810        }
811
812        #wrapper section#tvo > article > div.benefit > section > h4::after, 
813        #wrapper section#tvo > article > div.benefit > section > h4::before {
814          background: #000;
815          content: '';
816          height: 2px;
817          width: 15%;
818        }
819
820        #wrapper section#tvo > article > div.benefit > section > h4:nth-of-type(2)::after, 
821        #wrapper section#tvo > article > div.benefit > section > h4:nth-of-type(2)::before {
822          width: 14%;
823        }
824
825        #wrapper section#tvo > article > div.benefit > section > figure {
826          /* width: 50% !important; */
827        }
828
829        #wrapper section#tvo > article > div.benefit .flx  {
830          margin: 0 auto 3em;
831        }
832
833        #wrapper section#tvo > article > div.benefit .flx > li > strong {
834          display: block;
835          font-size: 330%;
836          margin: 0.5em 0 0.2em;
837        }
838
839        #wrapper section#tvo > article > div.benefit .flx > li > span {
840          display: block;
841          font-size: 300%;
842          margin: 0 0 0.5em;
843        }
844
845        #wrapper section#tvo > article > div.benefit .flx > div {
846          background: transparent;
847          height: 60vw;
848          margin: 0;
849          padding: 0 2%;
850          width: 48%;
851        }
852
853        #wrapper section#tvo > article > div.benefit .flx > div > dt {
854          align-items: center;
855          background: #000;
856          color: #fff;
857          display: flex;
858          flex-direction: column;
859          font-size: 70%;
860          height: 13vw;
861          justify-content: center;
862          padding: 0.5em 0;
863        }
864
865        #wrapper section#tvo > article > div.benefit .flx > div > dt > small {
866          display: block;
867        }
868
869        /* benefit2 */
870          #wrapper .benefit2 {
871            background: #26345d;
872            color: #fff;
873            padding: 3vw;
874            width: 90%;
875            margin: 0 auto 2vw;
876          }
877
878          #wrapper .benefit2 > h4 {
879            font-size: 360% !important;
880            width: 100% !important;
881          }
882
883          #wrapper .benefit2 > h5 {
884            color: #ffffa5;
885            font-size: 320%;
886            margin: 0 0 1em;
887            text-align: left;
888          }
889
890          #wrapper .benefit2 > p {
891            font-size: 300% !important;
892            font-weight: 700 !important;
893            width: 100% !important;
894          }
895
896          #wrapper .benefit2 > ul.notice {
897            margin: 0 !important;
898            width: 100% !important;
899          }
900
901          #wrapper .benefit2 > dl {
902            width: 100%;
903          }
904
905          #wrapper .benefit2 > dl > dt {
906            border-bottom: solid 1px #fff;
907            font-size: 110%;
908            margin: 0 0 0.5em;
909          }
910
911          #wrapper .benefit2 > dl > dd {
912            margin: 0 0 0.3em;
913          }
914
915          #wrapper .benefit2 > dl > dd:nth-of-type(3), 
916          #wrapper .benefit2 > dl > dd:nth-of-type(6) {
917            margin: 0 0 1em;
918          }
919        /* /benefit2 */
920
921        #wrapper section#tvo > article > div.benefit > section > dl {
922          margin: 0 auto;
923          text-align: left;
924          width: 90%;
925        }
926
927        #wrapper section#tvo > article > div.benefit > section > dl > dt {
928          font-size: 310%;
929          font-weight: 700;
930        }
931
932        #wrapper section#tvo > article > div.benefit > section > dl > dd {
933          font-size: 290%;
934        }        
935      /* /benefit */
936
937      /* online */
938        #wrapper .online {
939          /* background: #fff; */
940          overflow: hidden;
941          /*  */padding: 3vw 0 !important;
942        }
943
944        #wrapper .online > section {
945          padding: 1vw 0 0 !important;
946        }
947
948        #wrapper .online > section > h4 + p {
949          font-size: 300%;
950          font-weight: 700;
951          text-align: left;
952        }
953
954        #wrapper .online p.notice.caution {
955          font-size: 270% !important;
956          text-align: left !important;
957          text-indent: -1em;
958        }
959
960        #wrapper .online > section > p:nth-of-type(1), 
961        #wrapper .online > section > p:nth-of-type(2) {
962          /* text-align: center !important; */
963        }
964
965        /* #wrapper .online > section > p:last-child {
966          font-size: 320% !important;
967          font-weight: 700 !important;
968          margin: 1em auto 0 !important;
969          text-align: center !important;
970        }
971
972        #wrapper .online > section > p:last-child > a.btn2 {
973          font-size: 120% !important;
974          font-weight: 700 !important;
975          margin: 2vw auto 3vw !important;
976        } */
977
978        #wrapper .online > section > p > a.btn2 {
979          font-size: 110%;
980          /* margin: 1vw auto 3vw !important; */
981          margin: 1vw 0 2vw !important;
982          width: 100%;
983        }
984
985        #wrapper .online > section > p > span.notice {
986          display: block;
987          font-size: 90%;
988          margin: 0 0 1em;
989          text-indent: -1em;
990        }
991
992        #wrapper .online > section > figure {
993          margin: 0 0 5vw 5vw !important;
994          width: 70% !important;
995        }
996      /* /online */
997
998      /* cafe */
999        #wrapper section#tvo > article > div.cafe {
1000          /* background: #fff; */
1001          overflow: hidden;
1002          padding: 1vw 0 0vw;
1003        }
1004
1005        #wrapper section#tvo > article > div.cafe figure > figcaption {
1006          border-left: solid 2px #000;
1007          font-size: 350%;
1008          font-weight: 700;
1009          line-height: 1;
1010          margin: 0 0 0.5em;
1011          padding: 0.2em 0 0.2em 0.5em;
1012          text-align: left;
1013        }
1014
1015        #wrapper section#tvo > article > div.cafe figure > figcaption > span.caution {
1016          font-size: 90%;
1017          margin: 0 0 0 1em;
1018        }
1019
1020        #wrapper section#tvo > article > div.cafe > section {
1021          padding: 3vw 0 3vw !important;
1022        }
1023
1024        #wrapper section#tvo > article > div.cafe .flx > div {
1025          background: #fff;
1026          height: 44vw;
1027        }
1028
1029        #wrapper section#tvo > article > div.cafe .flx > div:nth-of-type(3), 
1030        #wrapper section#tvo > article > div.cafe .flx > div:nth-of-type(4) {
1031          background: #fff;
1032          height: 48vw;
1033        }
1034
1035        #wrapper section#tvo > article > div.cafe > section > p > span.notice {
1036          display: block;
1037          font-size: 80%;
1038        }
1039
1040        #wrapper section#tvo > article > div.cafe > section > p > strong {
1041          text-align: left;
1042        }
1043      /* /cafe */
1044
1045      /* special */
1046        #wrapper section#tvo > article > div.special > section {
1047          padding: 3vw 0 0;
1048        }
1049
1050        #wrapper section#tvo > article > div.special > section > h3 {
1051          margin: 2vw auto 5vw !important;
1052        }
1053
1054        #wrapper section#tvo > article > div.special > section > figure {
1055          /* width: 80% !important; */
1056        }
1057
1058        #wrapper section#tvo > article > div.special > section:nth-of-type(2) figure {
1059          /* width: 70% !important; */
1060        }
1061
1062        #wrapper section#tvo > article > div.special > section > figure > figcaption {
1063          font-size: 360%;
1064          margin: 1em 0 0;
1065        }
1066
1067        #wrapper section#tvo > article > div.special > section > h4 {
1068          font-size: 330%;
1069          margin: 0 auto 1em;
1070          text-align: left;
1071          width: 90%;
1072        }
1073
1074        #wrapper section#tvo > article > div.special > section > h4 + p {
1075          text-align: left;
1076        }
1077
1078        #wrapper section#tvo > article > div.special > section > dl {
1079          font-size: 280%;
1080          margin: 0 auto 1em;
1081          text-align: left;
1082          width: 90%;
1083        }
1084
1085        #wrapper section#tvo > article > div.special > section > ul.caution {
1086          margin: 0 auto 1em;
1087        }
1088
1089        #wrapper section#tvo > article > div.special > section > p.caution {
1090          text-align: left;
1091        }
1092      /* /special */
1093
1094      /* event */
1095        #wrapper .event {
1096          overflow: hidden;
1097          padding: 1vw 0;
1098        }
1099
1100        #wrapper .event > section > dl {
1101          font-size: 280% !important;
1102          margin: 0 auto 1em;
1103          text-align: left;
1104          width: 90%;
1105        }
1106
1107        #wrapper .event > section > dl > dt {
1108          font-weight: 700;
1109        }
1110
1111        #wrapper .event > section > dl:nth-of-type(1) > dt:nth-of-type(2) {
1112          margin: 1em 0 0;
1113        }
1114
1115        #wrapper .event > section > dl > dd > ul.notice {
1116          font-size: 90% !important;
1117          margin: 1em 0 0 !important;
1118          width: 100% !important;
1119        }
1120
1121        #wrapper .event > section > dl > dd > ul.notice > li {
1122          font-size: 100% !important;
1123        }
1124
1125        #wrapper .event > section > ul.notice {
1126          margin: 0 auto 1em !important;
1127        }
1128      /* /event */
1129
1130      /* about */
1131        #wrapper .about > section > p.caution.notice {
1132          text-align: left !important;
1133        }
1134
1135        #wrapper .about > section > p:last-child {
1136          text-align: center !important;
1137        }
1138        
1139        #wrapper .about a.btn3 {
1140          font-size: 100%;
1141          margin: 1em auto 2em;
1142          text-align: center;
1143          width: 100%;
1144        }
1145      /* /about */
1146
1147    }
1148  /* /SP */
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181  /* PC */
1182    @media screen and (min-width:813px) {
1183
1184      /* general */
1185        #wrapper section#tvo > h2 {
1186          font-size: 220%;
1187        }
1188
1189        #wrapper section#tvo > article > div.new h3 {
1190          margin: 0 auto 3vw !important;
1191        }
1192
1193        /* #wrapper section#tvo > article > div:nth-of-type(2) > section > h3 {
1194          background: #ff6000;
1195          border: 0;
1196          color: #fff;
1197          margin: 0 auto 1vw !important;
1198          font-size: 250% !important;
1199          text-align: center !important;
1200          width: 40vw;
1201        }
1202
1203        #wrapper section#tvo > article > div:nth-of-type(2) > section > h3 + p {
1204          font-size: 140%;
1205          font-weight: 700;
1206          margin: 0 auto 2em;
1207          text-align: center;
1208        } */
1209
1210        #wrapper section#tvo > article > div:nth-of-type(4) > section {
1211          padding: 3vw 0 0;
1212        }
1213
1214        #wrapper section#tvo > article > div:nth-of-type(4) > section > ul.notice {
1215          margin: 0;
1216        }
1217
1218        #wrapper section#tvo > article > div:nth-of-type(6) {
1219          /* padding: 3vw 0 0; */
1220        }
1221
1222        #wrapper div > h4, 
1223        #wrapper section > h4 {
1224          font-size: 160%;
1225          font-weight: 500;
1226          margin: 0 auto 0.5em;
1227          text-align: left;
1228        }
1229
1230        #wrapper section#tvo > article > div.new p {
1231          font-size: 140%;
1232        }
1233
1234        #wrapper section#tvo > article > div.new p > strong {
1235          display: block;
1236          font-size: 120%;
1237          text-align: center;
1238        }
1239
1240        #wrapper section#tvo > article > div.new > aside + aside > p {
1241          padding: 1vw 2vw 0;
1242        }
1243
1244        #wrapper section#tvo > article > div.new > aside > p.notice {
1245          font-size: 120%;
1246          width: 94%;
1247        }
1248
1249        #wrapper section#tvo > article > div.new > aside > p.notice + p {
1250          padding: 1vw 2vw;
1251        }
1252
1253        #wrapper section#tvo > article > div.new > aside > h4 + p {
1254          text-align: center;
1255        }
1256
1257        #wrapper section#tvo > article > div.new > aside > h5 {
1258          /* border-top: solid 2px #000; */
1259          font-size: 180%;
1260          margin: 0 auto;
1261          padding: 1vw 0;
1262          text-align: center;
1263          width: 94%;
1264        }
1265
1266        #wrapper section#tvo > article > div.new > aside > h5 + dl {
1267          align-items: flex-start;
1268          display: flex;
1269          flex-wrap: wrap;
1270          justify-content: center;
1271          font-size: 140%;
1272          margin: 0 auto;
1273          padding: 1vw 0;
1274          width: 94%;
1275        }
1276
1277        #wrapper section#tvo > article > div.new > aside > h5 + dl > dt {
1278          font-weight: 700;
1279          width: 15%;
1280        }
1281
1282        #wrapper section#tvo > article > div.new > aside > h5 + dl > dd {
1283          margin: 0 0 0.5em;
1284          width: 85%;
1285        }
1286
1287        #wrapper section#tvo > article > div.new > aside > h5 + dl > dd > span.caution {
1288          font-size: 90%;
1289        }
1290
1291        #wrapper section#tvo > article > div.new ul.notice {
1292          font-size: 130%;
1293        }
1294
1295        #wrapper section#tvo > article > div.new  .attention > p {
1296          margin: 0 auto;
1297          text-align: center;
1298          width: 90%;
1299        }
1300
1301        #wrapper div > dl {
1302          font-size: 140%;
1303          margin: 0 auto;
1304          text-align: left;
1305        }
1306
1307        #wrapper div > dl > dt {
1308          font-weight: 700;
1309        }
1310
1311        #wrapper div > dl.notice > dd {
1312          padding: 0 0 0.5em 1em;
1313          text-indent: -1em;
1314        }
1315
1316        #wrapper div > dl > dd > a {
1317          display: inline;
1318        }
1319
1320        #wrapper .online > dl > dt {
1321          font-size: 160%;
1322          font-weight: 700;
1323        }
1324
1325        #wrapper .online > dl > dd > a {
1326          font-size: 180%;
1327          margin: 1vw auto 3vw;
1328        }
1329
1330        #wrapper a.btn2 {
1331          align-items: center;
1332          background: #000;
1333          border-radius: 8vw;
1334          color: #fff;
1335          display: flex;
1336          font-size: 150%;
1337          font-weight: 700;
1338          justify-content: center;
1339          margin: 4vw auto;
1340          padding: 0.7em 0.5em;
1341          position: relative;
1342          width: 65%;
1343        }
1344
1345        #wrapper a.btn3 {
1346          align-items: center;
1347          background: #000;
1348          border-radius: 8vw;
1349          color: #fff;
1350          display: flex;
1351          font-size: 320%;
1352          font-weight: 700;
1353          justify-content: center;
1354          margin: 6vw auto 1vw;
1355          padding: 0.7em 0.5em;
1356          position: relative;
1357          width: 55%;
1358        }
1359
1360        #wrapper a.btn2::after, 
1361        #wrapper a.btn3::after {
1362          content: '▼';
1363          font-size: 90%;
1364          font-weight: 400;
1365          line-height: 1;
1366          position: absolute;
1367          right: 3%;
1368          top: 40%;
1369          transform: rotate(30deg) scale(0.5) translateY(-40%);
1370        }
1371
1372        /* flex */
1373          #wrapper .flx {
1374            align-items: flex-start;
1375            display: flex;
1376            flex-wrap: wrap;
1377            justify-content: space-between;
1378            margin: 0 auto 1vw;
1379            /* width: 90%; */
1380          }
1381
1382          #wrapper .flx > li:not(:last-child) {
1383            /* width: 23%; */
1384          }
1385
1386          #wrapper .flx > li > ul.notice {
1387            font-size: 150% !important;
1388            font-weight: 700;
1389            margin: 1em 0 0 !important;
1390          }
1391
1392          #wrapper .flx > div {
1393            background: #eee;
1394            height: 28vw;
1395            margin: 2% 0;
1396            padding: 2%;
1397            width: 31%;
1398          }
1399
1400          #wrapper .flx > div > dt {
1401            font-size: 90%;
1402            font-weight: 700;
1403            padding: 1em 0 0;
1404          }
1405
1406          #wrapper .flx > div > dd {
1407            font-size: 90%;
1408          }
1409
1410          #wrapper .flx > div > dd > span {
1411            font-size: 75%;
1412          }
1413        /* /flex */
1414      /* general */
1415
1416      /* top */
1417        #wrapper section#tvo > article > div.top {
1418        }
1419
1420        #wrapper section#tvo > article > div.top > figure > img {
1421          /* margin: 0 auto;
1422          width: auto; */
1423        }
1424
1425        #wrapper section#tvo > article > div.top > p:last-child {
1426          text-align: center;
1427        }
1428
1429        #wrapper section#tvo > article > div.top > aside {
1430          margin: 0 auto 3vw;
1431          width: 100%;
1432        }
1433
1434        #wrapper section#tvo > article > div.top > aside > h4 {
1435          font-size: 175%;
1436          width: 93%;
1437        }
1438
1439        #wrapper section#tvo > article > div.top > aside > h4 > strong {
1440          display: block;
1441          font-weight: 700;
1442          padding: 1em 0 0;
1443        }
1444
1445        #wrapper section#tvo > article > div.top > aside > h5 {
1446          padding: 2vw 0 1vw !important;
1447        }
1448
1449        #wrapper section#tvo > article > div.top > aside > h5:nth-of-type(1) {
1450          border-top: solid 2px #000;
1451        }
1452
1453        #wrapper section#tvo > article > div.top > aside > p {
1454          text-align: center;
1455        }
1456
1457        #wrapper section#tvo > article > div.top > aside > p.caution {
1458          font-size: 140%;
1459        }
1460
1461        #wrapper section#tvo > article > div.top > aside > p > strong {
1462          margin: 0 auto;
1463          padding: 0.5em 1em;
1464          text-align: center;
1465        }
1466
1467        #wrapper section#tvo > article > div.top > aside > p > a {
1468          display: inline;
1469          text-decoration: underline;
1470        }
1471
1472        #wrapper section#tvo > article > div.top > aside > p.link_official {
1473          position: relative;
1474          width:50%;
1475          background: #fffdee;
1476          border-radius: 100px;
1477          color: #906346;
1478          font-weight: 700;
1479          margin: 0 auto 4%;
1480          padding: 2%;
1481        }
1482
1483        #wrapper section#tvo > article > div.top > aside > p.link_official:before {
1484          content: '▼';
1485          font-size: 150%;
1486          font-weight: 400;
1487          line-height: 1;
1488          position: absolute;
1489          left: 7%;
1490          top: 35%;
1491          transform: rotate(30deg) scale(0.5) translateY(-40%);
1492        }
1493
1494        #wrapper section#tvo > article > div.top > aside > p.link_official > a {
1495          font-size: 100%;
1496          align-items: normal;
1497          background: none;
1498          border-radius: 0;
1499          color: #906346;
1500          display: inline;
1501          padding: 0;
1502        }
1503
1504        #wrapper section#tvo > article > div.top > aside > dl {
1505          margin: 0 auto;
1506          width: 90%;
1507        }
1508
1509        #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(1) {
1510          align-items: flex-start;
1511          border-bottom: solid 2px #000;
1512          display: flex;
1513          justify-content: center;
1514        }
1515
1516        #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(2) {
1517          margin: 1em auto 2em;
1518        }
1519
1520        #wrapper section#tvo > article > div.top > aside > dl > dt {
1521          font-size: 120%;
1522          width: 100% !important;
1523        }
1524
1525        #wrapper section#tvo > article > div.top > aside > dl > dd {
1526          font-size: 110%;
1527          margin: 0 0 1em !important;
1528          width: 100% !important;
1529        }
1530
1531        #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(1) > dt {
1532          width: 15% !important;
1533        }
1534
1535        #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(1) > dd {
1536          width: 85% !important;
1537        }
1538
1539        #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(2) > dt {
1540          font-weight: 700;
1541        }
1542
1543        #wrapper section#tvo > article > div.top > aside > dl > dd > span {
1544          display: block;
1545          font-size: 90%;
1546        }
1547
1548        #wrapper section#tvo > article > div.top > aside > dl > dd > span.notice {
1549          font-size: 70%;
1550        }
1551
1552        #wrapper section#tvo > article > div.top > aside > div {
1553          border: solid 3px #ff6000;
1554          margin: 20px auto 40px;
1555          width: 94%;
1556        }
1557
1558        #wrapper section#tvo > article > div.top > aside > div > h5 {
1559          background: #ff6000;
1560          border: 0;
1561          color: #fff;
1562          font-size: 200%;
1563          margin: 0 auto 1vw;
1564          padding: 0.5vw 0 !important;
1565          text-align: center;
1566        }
1567
1568        #wrapper section#tvo > article > div.top > aside > div > p {
1569          padding: 0 1em;
1570        }
1571
1572        #wrapper section#tvo > article > div.top > aside > div > p:nth-last-of-type(1) {
1573          font-size: 120% !important;
1574          text-align: center;
1575        }
1576
1577        #wrapper section#tvo > article > div.top > aside > div > p:nth-last-of-type(1) > a.btn2 {
1578          font-size: 130%;
1579          margin: 1vw auto 2vw;
1580          width: 50%;
1581        }
1582
1583        #wrapper section#tvo > article > div.top > aside > h5 + p {
1584          border: solid 2px #000;
1585          font-size: 140%;
1586          margin: 0 auto 2em;
1587          padding: 0 0 0.5em;
1588          text-align: center;
1589          width: 60%;
1590        }
1591
1592        /* advance */
1593          #wrapper section#tvo > article > div.top > aside > div.advance {
1594            border: none;
1595            margin: 0 auto 30px;
1596            /* padding: 30px 0 0; */
1597          }
1598
1599          #wrapper section#tvo > article > div.top > aside > div.advance > h5 {
1600            background: transparent;
1601            color: #000;
1602          }
1603
1604          #wrapper section#tvo > article > div.top > aside > div.advance > p {
1605            padding: 0;
1606            text-align: left;
1607          }
1608
1609          #wrapper section#tvo > article > div.top > aside > div.advance > p > strong {
1610            font-size: 110%;
1611            text-align: left;
1612          }
1613
1614          #wrapper section#tvo > article > div.top > aside > div.advance > p.btn2 {
1615            align-items: center;
1616            background: #000;
1617            border-radius: 8vw;
1618            color: #aaa;
1619            display: flex;
1620            font-size: 150% !important;
1621            font-weight: 700;
1622            justify-content: center;
1623            margin: 0 auto 30px;
1624            padding: 1em 0.5em;
1625            position: relative;
1626            width: 60%;
1627          }
1628
1629          #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 {
1630           
1630 height: 3em;
1631            margin: 3vw auto 4vw;
1632            padding: 0.4em 0.5em;
1633            width: 60%;
1634          }
1635
1636          #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 > span {
1637            font-size: 70%;
1638            font-weight: 400;
1639            line-height: 1.4;
1640            text-align: center;
1641          }
1642
1643          #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 > span > strong {
1644            display: block;
1645            font-size: 150%;
1646          }
1647
1648          #wrapper section#tvo > article > div.top > aside > div.advance > p.caution {
1649            border-top: solid #000 2px;
1650            padding: 1em 0 0;
1651          }
1652
1653          #wrapper section#tvo > article > div.top > aside > div.advance > p.caution.nobdr {
1654            border: 0;
1655            padding: 0;
1656          }
1657
1658          #wrapper section#tvo > article > div.top > aside > div.advance > p.caution > span {
1659            display: block;
1660            font-weight: 700;
1661          }
1662
1663          #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice {
1664            font-size: 110%;
1665            margin: 0 0 1vw;
1666          }
1667
1668          #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice > li {
1669            word-break: break-all;
1670          }
1671
1672          #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice > li > a {
1673            display: inline;
1674          }
1675
1676          #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice > li.caution > a {
1677            color: #f00;
1678          }
1679
1680          #wrapper section#tvo > article > div.top > aside > div.advance > dl.notice {
1681            font-size: 120%;
1682            margin: 0 auto 40px;
1683          }
1684
1685          #wrapper section#tvo > article > div.top > aside > div.advance > dl.notice > dt {
1686            font-size: 110%;
1687            margin: 0.5em 0;
1688          }
1689        /* /advance */
1690
1691        /* #wrapper section#tvo > article > div.top > p:last-child {
1692          padding: 0 0 1em;
1693        } */
1694      /* /top */
1695
1696      /* outline */
1697        #wrapper .outline > section > ul {
1698          font-size: 140%;
1699          text-align: left;
1700        }
1701
1702        #wrapper .outline > section > ul > li.notice {
1703          font-size: 80%;
1704        }
1705
1706        #wrapper > section#tvo .outline > section > p.tw {
1707          margin: 3vw auto 1vw !important;
1708        }
1709      /* /outline */
1710
1711      /* goods */
1712        #wrapper section#tvo > article > div.goods {
1713          overflow: hidden;
1714        }
1715
1716        #wrapper section#tvo > article > div.goods > section > h4 + p {
1717          font-size: 140%;
1718          font-weight: 700;
1719          text-align: left;
1720        }
1721
1722        #wrapper section#tvo > article > div.goods > section {
1723          padding: 3vw 0 !important;
1724        }
1725
1726        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(4), 
1727        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(5), 
1728        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(6) {
1729          height: 29vw;
1730        }
1731
1732        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(13), 
1733        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(14), 
1734        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(15), 
1735        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(16), 
1736        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(17), 
1737        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(18), 
1738        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(22), 
1739        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(23), 
1740        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(24), 
1741        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(25), 
1742        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(26), 
1743        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(27), 
1744        #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(31) {
1745          height: 26vw;
1746        }
1747
1748        #wrapper section#tvo > article > div.goods a.btn2 {
1749          font-size: 110%;
1750          margin: 4vw auto 0;
1751        }
1752
1753        #wrapper section#tvo > article > div.goods > section > dl {
1754          font-size: 110% !important;
1755          margin: 0 0 2em;
1756          text-align: left;
1757        }
1758
1759        #wrapper section#tvo > article > div.goods > section > dl > dt {
1760          font-size: 130%;
1761          font-weight: 700;
1762        }
1763
1764        #wrapper section#tvo > article > div.goods > section > dl > dd {
1765          font-size: 110%;
1766        }
1767
1768        #wrapper section#tvo > article > div.goods > section > dl > dd > ul.notice {
1769          font-size: 90%;
1770          margin: 2vw 0;
1771        }
1772
1773        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) {
1774          margin: 0 auto 4em;
1775        }
1776
1777        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dt {
1778          margin: 0 0 2em;
1779          padding: 0;
1780          text-align: center;
1781        }
1782
1783        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dt:not(:first-child) {
1784          border-top: solid 1px #bbb;
1785          margin: 3em 0 2em;
1786          padding: 2em 0 0;
1787        }
1788
1789        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dd {
1790          margin: 0 auto;
1791          width: 40%;
1792        }
1793
1794        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dd.copy {
1795          margin: 3em 0 0;
1796          text-align: center;
1797          width: 100%;
1798        }
1799
1800        #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) div {
1801          align-items: flex-start;
1802          display: flex;
1803          flex-wrap: wrap;
1804          justify-content: space-between;
1805        }
1806
1807        #wrapper section#tvo > article > div.goods > section > figure:nth-of-type(3) {
1808          margin: 0 0 3vw;
1809        }
1810
1811        #wrapper section#tvo > article > div.goods > section > figure > figcaption {
1812          background: #fee46e;
1813          border: solid 5px #000;
1814          color: #000;
1815          font-size: 160%;
1816          font-weight: 700;
1817          margin: 1em 0 0;
1818          padding: 1em;
1819        }
1820
1821        #wrapper section#tvo > article > div.goods > section > div.goodslist > figure {
1822          /* text-align: left; */
1823        }
1824
1825        #wrapper section#tvo > article > div.goods > section > div.goodslist > figure > figcaption {
1826          font-size: 130%;
1827          font-weight: 700;
1828          margin: 0 0 0.5em;
1829        }
1830
1831        #wrapper section#tvo > article > div.goods > section > div.goodslist > figure > img {
1832          margin: 0 auto;
1833          width: min(600px, 42.85vw);
1834        }
1835      /* /goods */
1836
1837      /* benefit */
1838        #wrapper section#tvo > article > div.benefit {
1839          overflow: hidden;
1840          padding: 3vw 0;
1841        }
1842
1843        #wrapper section#tvo > article > div.cafe + .benefit {
1844          padding: 0;
1845        }
1846
1847        #wrapper section#tvo > article > div.benefit > section {
1848          padding: 0;
1849        }
1850
1851        #wrapper section#tvo > article > div.benefit > section > h3 > span {
1852          display: block;
1853          font-size: 80%;
1854        }
1855
1856        #wrapper section#tvo > article > div.benefit > section > h4 {
1857          align-items: center;
1858          display: flex;
1859          font-size: 160%;
1860          font-weight: 400;
1861          justify-content: space-between;
1862          margin: 0 auto 0.5em;
1863        }
1864
1865        #wrapper section#tvo > article > div.benefit > section > h4::after, 
1866        #wrapper section#tvo > article > div.benefit > section > h4::before {
1867          background: #000;
1868          content: '';
1869          height: 2px;
1870          width: 30%;
1871        }
1872
1873        #wrapper section#tvo > article > div.benefit > section > h4:nth-of-type(2)::after, 
1874        #wrapper section#tvo > article > div.benefit > section > h4:nth-of-type(2)::before {
1875          width: 29%;
1876        }
1877
1878        #wrapper section#tvo > article > div.benefit > section > figure {
1879          /* width: 50% !important; */
1880        }
1881
1882        #wrapper section#tvo > article > div.benefit .flx > li {
1883          margin: 0 0 2em;
1884          width: 18%;
1885        }
1886
1887        #wrapper section#tvo > article > div.benefit .flx > li > strong {
1888          display: block;
1889          font-size: 180%;
1890          margin: 0.5em 0 0.2em;
1891        }
1892
1893        #wrapper section#tvo > article > div.benefit .flx > li > span {
1894          font-size: 150%;
1895        }
1896
1897        #wrapper section#tvo > article > div.benefit .flx > div {
1898          background: transparent;
1899          height: 38vw;
1900          margin: 0;
1901          padding: 0 2%;
1902          width: 48%;
1903        }
1904
1905        #wrapper section#tvo > article > div.benefit .flx > div > dt {
1906          align-items: center;
1907          background: #000;
1908          color: #fff;
1909          display: flex;
1910          flex-direction: column;
1911          font-size: 130%;
1912          height: 7vw;
1913          justify-content: center;
1914          line-height: 1.3;
1915          padding: 0.5em 0;
1916        }
1917
1918        #wrapper section#tvo > article > div.benefit .flx > div > dt > small {
1919          display: block;
1920        }
1921
1922        /* benefit2 */
1923          #wrapper .benefit2 {
1924            background: #26345d;
1925            color: #fff;
1926            margin: 3vw 0 4vw;
1927            padding: 20px;
1928          }
1929
1930          #wrapper .benefit2 > h5 {
1931            color: #ffffa5;
1932            font-size: 140%;
1933            margin: 0 0 1em;
1934            text-align: left;
1935          }
1936
1937          #wrapper .benefit2 > p {
1938            font-size: 120% !important;
1939            font-weight: 700 !important ;
1940          }
1941
1942          #wrapper .benefit2 > ul.notice {
1943            font-size: 100% !important;
1944            margin: 0 !important;
1945          }
1946
1947          #wrapper .benefit2 > dl > dt {
1948            border-bottom: solid 1px #fff;
1949            font-size: 110%;
1950            margin: 0 0 0.5em;
1951          }
1952
1953          #wrapper .benefit2 > dl > dd {
1954            margin: 0 0 0.3em;
1955          }
1956
1957          #wrapper .benefit2 > dl > dd:nth-of-type(3), 
1958          #wrapper .benefit2 > dl > dd:nth-of-type(6) {
1959            margin: 0 0 1em;
1960          }
1961        /* /benefit2 */
1962
1963        #wrapper section#tvo > article > div.benefit > section > dl {
1964          text-align: left;
1965        }
1966
1967        #wrapper section#tvo > article > div.benefit > section > dl > dt {
1968          font-size: 130%;
1969          font-weight: 700;
1970        }
1971
1972        #wrapper section#tvo > article > div.benefit > section > dl > dd {
1973          font-size: 110%;
1974        }
1975      /* /benefit */
1976
1977      /* online */
1978        #wrapper .online {
1979          overflow: hidden;
1980          /* padding: 0 0 3vw !important; */
1981          padding: 3vw 0 0 !important;
1982        }
1983
1984        #wrapper .online > section > p {
1985          margin: 0 auto 3vw !important;
1986        }
1987
1988        #wrapper .online > section > h4 + p {
1989          font-size: 140%;
1990          font-weight: 700;
1991          text-align: left;
1992        }
1993
1994        #wrapper .online p.notice.caution {
1995          margin: 0 0 3em !important;
1996          text-align: center !important;
1997        }
1998
1999        #wrapper .online p > strong.caution {
2000          text-align: left !important;
2001        }
2002
2003        #wrapper .online > section > p:nth-of-type(1), 
2004        #wrapper .online > section > p:nth-of-type(2) {
2005          /* text-align: center !important; */
2006        }
2007
2008        /* #wrapper .online > section > p:last-child {
2009          font-size: 180% !important;
2010          font-weight: 700 !important;
2011          margin: 1.5em 0 0 !important;
2012          text-align: center !important;
2013        }
2014
2015        #wrapper .online > section > p:last-child > a.btn2 {
2016          font-size: 120% !important;
2017          font-weight: 700 !important;
2018          margin: 1vw auto 4vw !important;
2019        } */
2020
2021        #wrapper .online > section > p > a.btn2 {
2022          /* margin: 1vw auto 4vw !important; */
2023          margin: 1vw 0 !important;
2024          width: 50%;
2025        }
2026
2027        #wrapper .online > section > p > span.notice {
2028          display: block;
2029          font-size: 85%;
2030          margin: 0 0 1em;
2031          text-indent: -1em;
2032        }
2033
2034        #wrapper .online > section > figure {
2035          margin: 0 0 3vw !important;
2036          width: 65% !important;
2037        }
2038      /* /online */
2039
2040      /* cafe */
2041        #wrapper section#tvo > article > div.cafe {
2042          overflow: hidden;
2043          padding: 3vw 0 3vw !important;
2044          /* padding: 0 !important; */
2045        }
2046
2047        #wrapper section#tvo > article > div.cafe figure > figcaption {
2048          border-left: solid 4px #000;
2049          font-size: 200%;
2050          font-weight: 700;
2051          line-height: 1;
2052          margin: 0 0 0.5em;
2053          padding: 0.2em 0 0.2em 0.5em;
2054          text-align: left;
2055        }
2056
2057        #wrapper section#tvo > article > div.cafe figure > figcaption > span.caution {
2058          font-size: 90%;
2059          margin: 0 0 0 1em;
2060        }
2061
2062        #wrapper section#tvo > article > div.cafe .flx > div {
2063          background: #fff;
2064          height: 19.4vw;
2065        }
2066
2067        #wrapper section#tvo > article > div.cafe .flx > div:nth-of-type(4), 
2068        #wrapper section#tvo > article > div.cafe .flx > div:nth-of-type(5), 
2069        #wrapper section#tvo > article > div.cafe .flx > div:nth-of-type(6) {
2070          background: #fff;
2071          height: 21vw;
2072        }
2073
2074        #wrapper section#tvo > article > div.cafe > section > p > span.notice {
2075          display: block;
2076          font-size: 80%;
2077        }
2078
2079        #wrapper section#tvo > article > div.cafe > section > h4 {
2080          margin: 1em auto 0.5em;
2081        }
2082
2083        #wrapper section#tvo > article > div.cafe > section > p > strong {
2084          text-align: left;
2085        }
2086      /* /cafe */
2087
2088      /* special */
2089        #wrapper section#tvo > article > div.special {
2090          overflow: hidden;
2091          padding: 0 0 3vw;
2092        }
2093
2094        #wrapper section#tvo > article > div.special > section {
2095          padding: 1vw 0 0;
2096        }
2097
2098        #wrapper section#tvo > article > div.special > section > h3 {
2099          margin: 2vw auto 3vw !important;
2100        }
2101
2102        #wrapper section#tvo > article > div.special > section > figure {
2103          /* width: 80% !important; */
2104        }
2105
2106        #wrapper section#tvo > article > div.special > section:nth-of-type(2) figure {
2107          /* width: 70% !important; */
2108        }
2109
2110        #wrapper section#tvo > article > div.special > section > figure > figcaption {
2111          font-size: 180%;
2112          margin: 1em 0 0;
2113        }
2114
2115        #wrapper section#tvo > article > div.special > section > h4 {
2116          font-size: 160%;
2117          margin: 0 0 1em;
2118          text-align: left;
2119        }
2120
2121        #wrapper section#tvo > article > div.special > section > h4 + p {
2122          text-align: left;
2123        }
2124
2125        #wrapper section#tvo > article > div.special > section > dl {
2126          font-size: 130% !important;
2127          text-align: left;
2128        }
2129
2130        #wrapper section#tvo > article > div.special > section > dl > dt {
2131          font-weight: 700;
2132        }
2133
2134        #wrapper section#tvo > article > div.special > section > ul.notice {
2135          font-size: 120% !important;
2136          margin: 1.5em 0;
2137        }
2138
2139        #wrapper section#tvo > article > div.special > section > ul.notice > li {
2140          padding: 0 0 0.5em !important;
2141          text-indent: -1em;
2142        }
2143
2144        #wrapper section#tvo > article > div.special > section > p.caution {
2145          font-size: 120% !important;
2146          padding: 0;
2147          text-align: left;
2148        }
2149      /* /special */
2150
2151      /* event */
2152        #wrapper .event {
2153          overflow: hidden;
2154          padding: 3vw 0;
2155        }
2156
2157        #wrapper .event > section > dl {
2158          font-size: 140% !important;
2159          margin: 0 0 1em;
2160          text-align: left;
2161        }
2162
2163        #wrapper .event > section > dl > dt {
2164          font-weight: 700;
2165        }
2166
2167        #wrapper .event > section > dl:nth-of-type(1) > dt:nth-of-type(2) {
2168          margin: 1em 0 0;
2169        }
2170
2171        #wrapper .event > section > dl > dd > ul.notice {
2172          font-size: 90% !important;
2173          margin: 1em 0 0 !important;
2174        }
2175
2176        #wrapper .event > section > ul.notice {
2177          margin: 0 0 1em !important;
2178        }
2179      /* /event */
2180
2181      /* about */
2182        #wrapper .about > section {
2183          padding: 3vw 0 !important;
2184        }
2185
2186        #wrapper .about > section > p.caution.notice {
2187          font-size: 120% !important;
2188          text-align: left !important;
2189        }
2190
2191        #wrapper section#tvo > article > div.new > section:last-child > h3 + ul.notice {
2192          margin: 0 auto 3vw;
2193        }
2194
2195        #wrapper .about > section > p:last-child {
2196          text-align: center !important;
2197        }
2198
2199        #wrapper .about a.btn3 {
2200          font-size: 110%;
2201          margin: 1em 0 2em;
2202          text-align: center;
2203          width: 75%;
2204        }
2205      /* /about */
2206
2207    }
2208  /* /PC */
2209</style>
2210
2211
2212
2213
2214
2215
2216
2217
2218
2219
2220
2221
2222
2223
2224
2225
2226
2227
2228
2229
2230
2231
2232
2233
2234
2235
2236
2237
2238
2239
2240
2241
2242<div class="new new_01 top">
2243  <figure><img src="/news/2026/10/01/madomagi_main_261001_01.jpg" alt=""></figure>
2244  <aside>
2245  <h4>遊園地をテーマにした限定のコラボフードや描き下ろしイラストグッズが登場!<br>みなさまのご来場をお待ちしております!!</h4>
2246    <p class="caution">【開催日程】<br>東京:2026年10月17日(土)〜2026年11月13日(金)<br>大阪・博多:2026年12月5日(土)~2026年12月17日(木)</p>
2247    <p>各店舗へのアクセスはこちらご覧ください<br class="dn_pc">→<a href="/#access" target="_top">https://tree-village.jp/#access</a></p>
2248  </aside>
2249<!-- p style="text-align:center;"><small>&copy;●●●</small></p -->
2250  <div class="sns_list dn_pc">
2251  <p class="tw"><span><strong>ツリービレッジ東京店の最新情報は、「東京店公式X」で発信中!</strong>イベント当日の「品切れ情報」「再入荷情報」などもここから発信いたしますので、ぜひ公式Xをフォローしてお待ちください!</span><a href="https://twitter.com/intent/follow?screen_name=treevillage_jp" target="_blank"><i class="fa-brands fa-x-twitter"></i><span><strong>FOLLOW!</strong>@treevillage_jp</span></a></p>
2252  <p class="tw tw_info_tokyo"><span><strong>東京店の入場整理券情報は、<br class="dn_pc">「Xご案内アカウント」で配信!</strong>イベント初日や混雑時には入場整理券による入場規制をさせていただく場合がございます。<br>アカウントをフォローしてお待ちください!</span><a href="https://twitter.com/treevillage__" target="_blank"><i class="fa-brands fa-x-twitter"></i><span><strong>FOLLOW!</strong>@treevillage__</span></a></p>
2253</div>
2254
2255<div class="sns_list dn_sp">
2256  <p class="tw"><span><strong>ツリービレッジ東京店の最新情報は、「東京店公式X」で発信中!</strong>「品切れ情報」「再入荷情報」ほか</span><a href="https://twitter.com/intent/follow?screen_name=treevillage_jp" target="_blank"><i class="fa-brands fa-x-twitter"></i><span><strong>FOLLOW!</strong>@treevillage_jp</span></a></p>
2257  <p class="tw tw_info_tokyo"><span><strong>東京店の入場整理券情報は、<br>「Xご案内アカウント」で配信!</strong></span><a href="https://twitter.com/treevillage__" target="_blank"><i class="fa-brands fa-x-twitter"></i><span><strong>FOLLOW!</strong>@treevillage__</span></a></p>
2258</div>
2259
2260</div>
2261<div class="new new_02 goods">
2262  <section>
2263    <h3>グッズ</h3>
2264    <!-- p class="cs">Coming soon...</p -->
2265    <figure><img src="/news/2026/10/01/madomagi_goods_261001_01_02.jpg" alt=""></figure>
2266    <ul class="notice">
2267      <li>※イベントが想定以上に混雑した場合、より多くのお客様に商品をお買い求めいただくため、会場にて別途販売数制限をさせていただく場合がございます。予めご了承ください。</li>
2268      <li>※転売目的の商品のご購入は固くお断りいたします。売り場でお声がけさせていただく場合がございます。</li>
2269      <li>※当日の状況により事前のご案内内容を変更する場合がございます。</li>
2270      <li>※スタッフの指示に従っていただけない場合、販売をお断りする場合がございます。</li>
2271      <li>※不良品以外の交換返品はお承りできかねます。サイズ・色など商品をよくご確認の上ご購入ください。</li>
2272    </ul>
2273<!--
2274    <h4>■期間中、●●●</h4>
2275    <figure><img src="/news/2026/10/01/madomagi_benefit_261001_01.jpg" alt=""></figure>
2276    <ul class="notice">
2277      <li>※特典は、準備枚数に達し次第、配布終了とさせていだきます。</li>
2278      <li>※ランダムでのお渡しになりますため、絵柄は選べません。</li>
2279      <li>※内容は予告なく変更する場合がございます。</li>
2280    </ul>
2281-->
2282  </section>
2283</div>
2284<!--
2285<div class="new new_01 online">
2286  <section>
2287    <h3>オンライン販売</h3>
2288    <p class="cs">Coming soon...</p>
2289    <p>本催事の商品は【ツリービレッジ通販サイト】でもオンライン購入可能です。<br>お店にお越しいただけないお客様は通販をご利用くださいませ。<br>販売期間:●●●<a href="https://shop.mu-mo.net/treevillage/" target="_blank" class="btn2">オンライン販売はコチラ</a></p>
2290    <ul class="notice">
2291      <li>※●●●</li>
2292    </ul>
2293  </section>
2294</div>
2295-->
2296<div class="new new_01 cafe">
2297  <section>
2298    <h3>カフェ</h3>
2299    <!-- p class="cs">Coming soon...</p -->
2300    <figure><img src="/news/2026/10/01/madomagi_cafe_261001_01.jpg" alt=""></figure>
2301    <ul class="notice">
2302      <li>
2302※お1人様1会計5品までのご注文とさせていただきます。</li>
2303    </ul>
2304    <h4>メニュー1品ご注文につき、特典「オリジナルコースター」(全6種)をランダムで1点プレゼント!</h4>
2305    <ul class="notice">
2306      <li>※特典は、準備枚数に達し次第、配布終了とさせていだきます。</li>
2307      <li>※ランダムでのお渡しになりますため、絵柄は選べません。</li>
2308    </ul>
2309  </section>
2310</div>
2311<div class="new new_02 about">
2312  <section>
2313    <!-- h3>ご来店の皆さまへお願い</h3>
2314    <p>当店舗では、ご来店いただいた皆さまに本イベントを安心してお楽しみいただけますよう、従業員(SHOP、CAFÉ)のマスク着用及び手指消毒の徹底、買物かご消毒等の対策をとらせていただいております。<br>お客様におかれましても、以下対策にご協力いただけますよう、何卒よろしくお願い申し上げます。</p>
2315    <dl class="notice">
2316      <dt>■ご来店前の健康チェック</dt>
2317      <dd>
2317発熱等、ご自身の体調がすぐれない場合のご来店はお控えください。</dd>
2318      <dt>■ソーシャルディスタンス確保のご協力</dt>
2319      <dd>ご入場、お買物、お会計の際など、皆さま同士のソーシャルディスタンスの確保にご協力をお願いいたします。待機列では足元のガイドに従い、1mの間隔を空けてお並びください。</dd>
2320      <dt>■整理券配布に関して</dt>
2321      <dd>店舗の混雑時は入場整理券を配布させていただく場合がございます。予めご了承ください。</dd>
2322    </dl -->
2323    <h3>入場について</h3>
2324<h4 style="background: #777;color: #fff;padding: 0 10px;">東京店</h4>
2325<p>イベント初日や混雑時には入場整理券による入場規制をさせていただく場合がございます。(物販/カフェそれぞれ該当いたします)<br><span class="caution">東京店の入場整理券はLINEアプリでお申込みいただくデジタル整理券です。</span><br>入場整理券の発券状況はイベントごと/時間ごとに異なります。整理券での入場のご案内となる場合は前日20:00までに、<a href="https://twitter.com/treevillage__" target="_blank" style="text-decoration: underline;">Xの入場整理券ご案内アカウント( @treevillage__ )</a>よりポストいたします。アカウントをフォローしてお待ちください。</p>
2326<p class="info_link"><a href="info_tokyo_241024.html" target="_top" style="margin: 0 0 10px;"><strong>入場整理券申込方法</strong></a></p>
2327
2328<ul class="dn_sp notice" style="margin: 0 0 20px;padding: 10px 0;">
2329  <li class="caution">※徹夜や早朝の来場など、施設開場のAM6:30前から入口付近で待機することは禁止とさせていただきます。
2330  <br>状況によってはイベント開催を中止せざるを得なくなってしまいますので、ルール順守のご協力をお願い申し上げます。(施設が施錠されているため、AM6:30前店舗入口へ行くことはできません。)</li>
2331  <li class="caution">※自然発生的に作られた列、異なる場所に作られた列は無効です。無効となる列に関する責任は一切負えません。</li>
2332  <li class="caution">※荷物を置くなどの事前の場所取り行為も禁止いたします。</li>
2333</ul>
2334
2335<ul class="dn_pc notice" style="line-height: 1.5;margin: 0 auto 10px;padding: 10px 0;">
2336  <li class="caution">※徹夜や早朝の来場など、施設開場のAM6:30前から入口付近で待機することは禁止とさせていただきます。
2337  <br>状況によってはイベント開催を中止せざるを得なくなってしまいますので、ルール順守のご協力をお願い申し上げます。(施設が施錠されているため、AM6:30前店舗入口へ行くことはできません。)</li>
2338  <li class="caution">※自然発生的に作られた列、異なる場所に作られた列は無効です。無効となる列に関する責任は一切負えません。</li>
2339  <li class="caution">※荷物を置くなどの事前の場所取り行為も禁止いたします。</li>
2340</ul>
2341<h4 style="background: #777;color: #fff;padding: 0 10px;">大阪・博多店</h4>
2342<p style="margin: 0 auto 20px;">イベント初日や混雑時には、入場整理券による入場規制をさせていただく場合がございます。</p>
2343    <div class="shopinfo">
2344    <h4>店舗情報</h4>
2345    <dl>
2346        <dt>●東京会場</dt>
2347        <dd>ツリービレッジ東京店</dd>
2348        <dd>東京スカイツリータウン・ソラマチ ウエストヤード4F</dd>
2349        <dd>営業時間:SHOP 9:00〜21:00/CAFE 10:00〜21:00(L.O 20:30)</dd>
2350        <dt>●大阪会場</dt>
2351        <dd>ツリービレッジ大阪店</dd>
2352        <dd>大阪府大阪市北区角田町5-15HEP FIVE梅田8階 バンダイナムコ Cross Store 大阪梅田 内</dd>
2353        <dd>営業時間:SHOP 11:00~21:00/CAFE 11:00〜20:00(L.O 20:00)<br>※CAFE イートインスペースご利用時間 20:30まで</dd>
2354
2355        <dt>●福岡会場</dt>
2356        <dd>ツリービレッジ博多店</dd>
2357        <dd>福岡県福岡市博多区住吉一丁目2号74番キャナルシティオーパ博多 サウスビルB1F バンダイナムコ Cross Store 博多内</dd>
2358        <dd>営業時間:SHOP 10:00〜21:00/CAFE 11:00〜20:00(L.O 19:30)</dd>
2359
2360    </dl>
2361    <ul class="notice" style="width: 100%; margin-top:3%;">
2362      <li class="caution">※休業・営業時間変更は各商業施設の日程に順じて行われます。ご来店前に施設のHPでご確認をお願いいたします。</li>
2363    </ul>
2364  </div>
2365  </section>
2366</div>
2367        
2368      </article>
2369      <a href="/news/" target="_top" class="btn">TOPページへ</a>
2370    </section>
2371  </article>
2372  <!-- /wrapper -->
2373
2374  <!-- footer -->
2375<section class="__footer"><span>&copy;</span>avex</section>
2376<!-- /footer -->
2377
2378
2379</article>
2380<!-- /main-contents -->
2381</body>
2382</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.