https://www.mowgli-parachute.com/

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="UTF-8">
5
6<title>mowgli-parachute | モーグリパラシュート</title>
7<meta name="description" content="出口の見えないこの場所で生きる僕たちへ。" />
8<!-- InstanceEndEditable -->
9
10
11<meta name="author" content="mowgli-parachute">
12<meta name="keywords" content="" />
13
14<meta name="description" content="出口の見えないこの場所で生きる僕たちへ。" />
15<meta http-equiv="Content-Script-Type" content="text/javascript" />
16<meta http-equiv="Content-Style-Type" content="text/css" />
17<meta http-equiv="imagetoolbar" content="no" />
18<link rel="index" href="https://www.mowgli-parachute.com/" />
19<link rev="made" href="https://www.mowgli-parachute.com/" />
20<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon" />
21<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
22<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=4,user-scalable=yes">
23<meta name="format-detection" content="telephone=no">
24<link href="/css/screen.css" rel="stylesheet" type="text/css" />
25<meta http-equiv="Pragma" content="no-cache" />
26<meta http-equiv="cache-control" content="no-cache" />
27<meta http-equiv="expires" content="0" />
28<meta name="theme-color" content="#095489">
29
30<meta property="fb:app_id" content="" />
31<meta property="og:title" content="mowgli-parachute | モーグリパラシュート" />
32<meta property="og:type" content="article" />
33<meta property="og:url" content="https://www.mowgli-parachute.com/" />
34<meta property="og:image" content="https://www.mowgli-parachute.com/img/ogp.jpg" />
35<meta property="og:site_name" content="mowgli-parachute | モーグリパラシュート" />
36<meta property="og:description" content="出口の見えないこの場所で生き延びるしかない僕たちへ" />
37
38
39<link href="./css/slick.css" rel="stylesheet">
40<link href="./css/slick-theme.css" rel="stylesheet">
41
42<!-- Global site tag (gtag.js) - Google Analytics -->

42
43<script async src="https://www.googletagmanager.com/gtag/js?id=

43G-BZ48XH6SGB

43"></script>

44<script>
45  

45window.dataLayer = window.dataLayer || [];
46  function gtag(){dataLayer.push(arguments);}
47  gtag('js', new Date());
48
49  gtag('config', '

49G-BZ48XH6SGB

49');

50</script>

50
51
52
53<style type="text/css">
54main{
55     width: 100%;height: 100%;
56}
57
58.btn,
59a.btn,
60button.btn {
61  font-size: 1.4rem;
62  font-weight: 700;
63  line-height: 1.5;
64  position: relative;
65  display: inline-block;
66  padding: 1rem 2rem;
67  cursor: pointer;
68  -webkit-user-select: none;
69  -moz-user-select: none;
70  -ms-user-select: none;
71  user-select: none;
72  -webkit-transition: all 0.3s;
73  transition: all 0.3s;
74  text-align: center;
75  vertical-align: middle;
76  text-decoration: none;
77  letter-spacing: 0.1em;
78color: #333;
79
80  border-radius: 0.5rem;
81}
82a.btn--red.btn--cubic {
83  border-bottom: 5px solid #9f000c;
84  background: #cc0000;
85    color: #fff;
86    font-size: 1.25em;
87}
88
89a.btn--red.btn--cubic:hover {
90  margin-top: 3px;
91  border-bottom: 2px solid #9f000c;
92}
93
94a.btn--radius {
95  border-radius: 100vh;
96}
97
98.fa-position-right {
99  position: absolute;
100  top: calc(50% - .5em);
101  right: 1rem;
102}
103a{
104  text-decoration: none;
105  color: #999;
106}
107
108a.btn-border {
109  border-radius: 0;
110  font-size: 0.85em;
111}
112
113a.btn-border:before,
114a.btn-border:after {
115  position: absolute;
116
117  width: 100%;
118  height: 1px;
119
120  content: '';
121  -webkit-transition: all .3s;
122  transition: all .3s;
123
124  background: #000;
125}
126
127a.btn-border:before {
128  top: 0;
129  left: 0;
130}
131
132a.btn-border:after {
133  right: 0;
134  bottom: 0;
135}
136
137a.btn-border:hover:before,
138a.btn-border:hover:after {
139  width: 0;
140}
141
142#copyright{
143  font-size: 0.8em;
144}
145
146
147a.btn--white.btn--cubic {
148  border-bottom: 5px solid #ccc;
149  background: #eee;
150    color: #333;
151    font-size: 0.8em;
152}
153a.btn--white.btn--cubic:hover {
154  margin-top: 3px;
155  border-bottom: 2px solid #ccc;
156}
157
158    @media screen and (max-width:768px) {
159main{
160     width: 100%;height: auto;
161}
162}
163
164h2 {
165  position: relative;
166  display: inline-block;
167  margin-bottom: 1em;
168}
169h2:before {
170  content: '';
171  position: absolute;
172  bottom: -15px;
173  display: inline-block;
174  width: 60px;
175  height: 5px;
176  left: 50%;
177  -webkit-transform: translateX(-50%);
178  transform: translateX(-50%);
179  background-color: black;
180  border-radius: 2px;
181}
182
183</style>
184
185
186</head>
187<body style="position: relative;">
188
189<!-- <header>
190<div style="text-align: center;">
191<img src="img/logo.png" style="max-width: 100%;">
192</div>
193</header> -->
194
195<div style="position: fixed;left: 1em;bottom: 0.5em;">
196<a href="https://twitter.com/mowgliparachute" target="_blank"><img src="img/twi.png" width="46"></a>
197</div>
198
199
200<main>
201<div style="flex-direction: column;text-align: center;display: flex;justify-content: center;align-items: center;height: 100vh;">
202<div style="max-width:640px;margin:0 auto;">
203<img src="img/logo.png" style="width: 96%;display:flex;align-items: center;margin: 0 2%;">
204</div>
205<div style="display:flex;align-items: center;flex-wrap: wrap;margin-top: 1em;">
206<div style="margin:1em;"><a href="#live" class="btn btn-border">LIVE</a></div>
207<div style="margin:1em;"><a href="#music" class="btn btn-border">MUSIC</a></div>
208</div>
209</div>
210<div style="text-align: center;display: flex;justify-content: space-around;align-items: center;height: 100%;">
211
212<div style="max-width:640px;margin:0 auto;">
213<div id="live"></div>
214<h2>LIVE</h2>
215<img src="img/event.jpg" style="width: 100%;margin: 3em 0 1em 0;">
216
217<div style="margin:1em 0;">
218  <p style="font-weight: bold;">2022/7/9(sat) @LIVE SQUARE 2ndLINE</p>
219  <p style="font-size:1.25em;">w/ SMASH YOUTH, noiam, Prof.Moriarty & Smailey-Todd, WALKABOUT, LOOSELY, アシガルユース, pavlov</p>
220  <p>OPEN 16:00 / START 16:30</p>
221</div>
222
223<div style="margin-bottom: 3em;">
224<!-- <a href="https://docs.google.com/forms/d/e/1FAIpQLScWyGOBlarUu4qH-zYkCmg1tC0nGNlLx7w_rkLPPcRNe-X3fg/viewform" class="btn btn--red btn--radius btn--cubic">チケットのご予約はこちら<i class="fas fa-angle-right fa-position-right"></i></a>
225 -->
226<p style="text-align:center;margin:1em 0;">Thank you for comming!See you next show!!</p>
227
228
229<p style="margin:1.5em 0;text-align: center;"><a href="live.html" class="btn btn--red btn--radius btn--cubic">ライブスケジュール</a></p>
230</div>
231
232<div id="music"></div>
233<div style="margin-bottom:2em;">
234<h2>MUSIC</h2>
235</div>
236<iframe src="https://linkco.re/embed/c9p6qYty" width="300" height="600" frameborder="0"></iframe>
237
238<div style="max-width:300px;margin:1em auto;">
239<img src="https://img-towercloud.eggs.mu/jacketImg/15198-thumbnail.jpg" width="100%">
240<a href="https://linkcloud.mu/8946769b" class="btn btn--red btn--white btn--radius btn--cubic">プラスチックシティミュージック</a>
241</div>
242
243<div style="max-width:300px;margin:1em auto;">
244<img src="https://img-towercloud.eggs.mu/jacketImg/15201-thumbnail.jpg" width="100%">
245<a href="https://linkcloud.mu/cddd4163" class="btn btn--red btn--white btn--radius btn--cubic">ノー・モア・ストーリー</a>
246</div>
247
248
249</div>
250
251
252
253
254</div>
255
256
257<!-- <div class="slider">
258<div>
259<img src="img/top1.jpg" width="100%">
260</div>
261<div>
262<img src="img/top2.jpg" width="100%">
263</div>
264<div>
265<img src="img/top3.jpg" width="100%">
266</div>
267<div>
268<img src="img/top4.jpg" width="100%">
269</div>
270<div>
271<img src="img/top5.jpg" width="100%">
272</div> -->
273
274
275</main>
276
277
278
279
280
281<footer id="footer">
282
283<div id="copyright" style="text-align: center;">
284<p>&copy 2005-2022 mowgli-parachute</p>
285</div>
286
287
288</footer>

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

289
290

291<script src="./js/slick.js" defer></script>

291

292<script>
293	$('.slider').slick({
294  slidesToShow: 1,
295  slidesToScroll: 1,
296  autoplaySpeed:5000,
297  dots: true,
298  centerMode: false,
299        infinite: true,
300        autoplay:true,
301        responsive: [{
302            breakpoint: 768,
303                settings: {
304                    slidesToShow: 1,
305                    slidesToScroll: 1,
306            }
307        },{
308            breakpoint: 480,
309                settings: {
310                    slidesToShow: 1,
311                    slidesToScroll: 1,
312                }
313            }
314        ]
315    });
316
317</script>

317
318
319</body>
320</html>