1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="description" content=""> 8 <meta name="author" content=""> 9 <link rel="shortcut icon" href="assets/ico/favicon.png"> 10 11 <title>KEPC - 京çç·ãã¯ããã¯ã¯ã©ã</title> 12 13 <!-- Bootstrap core CSS --> 14 <link href="assets/css/bootstrap.css" rel="stylesheet"> 15 16 <!-- Custom styles for this template --> 17 <link href="assets/css/main.css" rel="stylesheet"> 18 19 <link href="assets/css/font-awesome.min.css" rel="stylesheet"> 20 21 <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'> 22 <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'> 23 24 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 25 <!--[if lt IE 9]> 26
26<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
26 27
27<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
27 28 <![endif]--> 29 30
30<script src="assets/js/modernizr.custom.js"></script>
30 31 32 </head> 33 34 <body> 35 36 <!-- Menu --> 37 <nav class="menu" id="theMenu"> 38 <div class="menu-wrap"> 39 <h1 class="logo"><a href="index.html#home">KEPC</a></h1> 40 <i class="fa fa-arrow-right menu-close"></i> 41 <a href="index.html">Home</a> 42 <a href="works.html">Works</a> 43 <a href="Pic/index.html">Photos</a> 44 <a href="team.html">Team</a> 45 <!--<a href="rooftop.html">Rooftop Picnic Tokyo</a>--> 46 <a href="mailto:[email protected]">Contact</a> 47 <a href="https://www.facebook.com/keiopicnicclub"><i class="fa fa-facebook"></i></a> 48 <!--<a href="#"><i class="fa fa-twitter"></i></a>--> 49 <!--<a href="#"><i class="fa fa-dribbble"></i></a>--> 50 <a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a> 51 </div> 52 53 <!-- Menu button --> 54 <div id="menuToggle"><i class="fa fa-bars"></i></div> 55 </nav> 56 57 <!-- MAIN IMAGE SECTION --> 58 <div id="serviceswrap"> 59 <div class="container"> 60 <div class="row"> 61 <div class="col-lg-8 col-lg-offset-2"> 62 <h2>WORKS</h2> 63 </div> 64 </div><!-- row --> 65 </div><!-- /container --> 66 </div><!-- /headerwrap --> 67 68 <!-- CHART IMAGE SECTION --> 69 <div class="container"> 70 <div class="row mt"> 71 72 <div class="col-lg-8"> 73 <h1>KEPC WORKS</h1> 74 <p>京çç·ãã¯ããã¯ã¯ã©ãã®æ´»åè¨é²ã§ãã<br>ã¤ãã³ãã®æ¥ç¨ã詳細ã«ã¤ãã¦ã¯ Facebook ãã¼ã¸ã§ãæ¡å ãã¦ãã¾ãã</p> 75 </div><!-- col-lg-4 --> 76 77 <div class="col-lg-4"> 78 <p class="pull-right"> 79 <br> 80 <a href="https://www.facebook.com/keiopicnicclub"><button type="button" class="btn btn-green">Facebook ãã¼ã¸ã¸</button></a> 81 </p> 82 </div> 83 </div><!-- /row --> 84 </div><!-- /.container --> 85 86 <!-- PROCESS SECTION --> 87 <div class="container"> 88 <div class="row mt"> 89 <div class="col-lg-4"> 90 91 <h1 id="works2018">2018</h1> 92 <hr> 93 <ul class="process effect-2" id="process"> 94 <li> 95 <img src="assets/img/works/kepc31.jpg"> 96 <h4><b>KEPC31</b></h4> 97 <p>2017.3.4 (Sun)ãEARLY SPRING PICNIC @çå± å¤è(æ¥ æ£æåå¨è¾º)</p> 98 </li> 99 </ul> 100 101 <h1 id="works2017">2017</h1> 102 <hr> 103 <ul class="process effect-2" id="process"> 104 <li> 105 <img src="assets/img/works/kepc30.jpg"> 106 <h4><b>KEPC30</b></h4> 107 <p>2017.10.9 (Mon)ãHAPPY BIRTHDAY PICNIC @æ°å®¿å¾¡è</p> 108 </li> 109 <li> 110 <img src="assets/img/works/ivory102.png"> 111 <h4><b>MEDIA</b></h4> 112 <p>2017.5.16 (Tue)ã<a href="https://www.keio.co.jp/press/ivory/backnumber/102.pdf" target="_brank">ããã¼ãã¼102å·ã大人ã®ããã®ãã¯ããã¯ã»ã¬ã¤ãã(ç£ä¿®)</a></p> 113 </li> 114 <li> 115 <img src="assets/img/works/kepc29.jpg"> 116 <h4><b>KEPC29</b></h4> 117 <p>2017.5.3 (Wed)ãGOLDEN PICNIC WEEK '17 @éå·å ¬å</p> 118 </li> 119 </ul> 120 121 <h1 id="works2016">2016</h1> 122 <hr> 123 <ul class="process effect-2" id="process"> 124 <li> 125 <img src="assets/img/works/kepc28.jpg"> 126 <h4><b>KEPC28</b></h4> 127 <p>2016.5.1 (Sun)ãGOLDEN PICNIC WEEK '16 @åæ± è¢å ¬å</p> 128 </li> 129 <li> 130 <img src="assets/img/works/kepc27.jpg"> 131 <h4><b>KEPC27</b></h4> 132 <p>2016.4.24 (Sun)ã ROOFTOP PICNIC THE MOVIE @ãã©ã¤ãã³ä»£å®å±±</p> 133 </li> 134 <li> 135 <img src="assets/img/works/sotonoba01.png"> 136 <h4><b>WRITING</b></h4> 137 <p><a href="http://sotonoba.place/?p=1295&preview=1&_ppp=0a060fea01" target="_brank">å ¬å ±ç©ºéãéã³å°½ãããï¼ãã¯ããã¯ã®ã¹ã¹ã¡ | sotonoba.place</a></p> 138 </li> 139 </ul> 140 141 <h1 id="works2015">2015</h1> 142 <hr> 143 <ul class="process effect-2" id="process"> 144 <li> 145 <img src="assets/img/works/kepc26.jpg"> 146 <h4><b>KEPC26</b></h4> 147 <p>2015.11.29 (Sun)ãPICNIC OCHIBA @ç §å ¬å</p> 148 </li> 149 <li> 150 <img src="assets/img/works/kepc25.jpg"> 151 <h4><b>KEPC25</b></h4> 152 <p>2015.10.12 (Mon)ãHAPPY FIRST BIRTHDAY PICNIC @ååä¸å¤®å ¬å</p> 153 </li> 154 <li> 155 <img src="assets/img/works/kepc24.jpg"> 156 <h4><b>KEPC24</b></h4> 157 <p>2015.8.9 (Sun)ãROOFTOP PICNIC THEATRE @ãã©ã¤ãã³ä»£å®å±±</p> 158 </li> 159 <li> 160 <img src="assets/img/works/kepc23.jpg"> 161 <h4><b>KEPC23</b></h4> 162 <p>2015.5.17 (Sun)ãHAPPY BIRTHDAY PICNIC @å½éåºç£æ大å¦</p> 163 </li> 164 <li> 165 <img src="assets/img/works/kepc22.jpg"> 166 <h4><b>KEPC22</b></h4> 167 <p>2015.4.29 (Wed)ãGOLDEN PICNIC WEEK '15 @å µåº«å³¶å ¬å</p> 168 </li> 169 <li> 170 <img src="assets/img/works/kepc-Tshirt.jpg"> 171 <h4><b>GOODS</b></h4> 172 <p>KEPC T-shirts (UTme!)</p> 173 </li> 174 </ul> 175 176 <h1 id="works2014">2014</h1> 177 <hr> 178 <ul class="process effect-2" id="process"> 179 <li> 180 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/ie63a62234bab6d80/1416147869/std/image.jpg"> 181 <h4><b>KEPC21</b></h4> 182 <p>2014.10.26 (Sun)ãã¸ã£ã³ã¯ã·ã§ã³ã§ãã¯ããã¯@ç®é»å¤©ç©ºåºå</p> 183 </li> 184 <li> 185 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i8e8f083bf46a07dc/1422166725/std/image.jpg"> 186 <h4><b>LECTURE</b></h4> 187 <p>
1872014.10.20 (Mon)ãããã¯ããã¯ã®å¿å¾ãå¦ã¼ãï¼ãã@ã¾ããã(ã¿ã©ãã2éä¼è°å®¤)ç¯ç°ååºè¡</p> 188 </li> 189 <li> 190 <!--<img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/ie5106f150a7fd3b3/1411562176/std/image.jpg">--> 191 <iframe width="300" height="300" src="https://www.youtube.com/embed/aecAv7u1pPQ" frameborder="0" allowfullscreen></iframe> 192 <h4><b>KEPC20</b></h4> 193 <p>2014.09.20 (Sat)ãROOFTOP PICNIC HOUSEã@ã½ã©ãã¦ã¹</p> 194 </li> 195 <li> 196 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i5b887a3bb1efbcb6/1407037037/std/image.jpg"> 197 <h4><b>KEPC19</b></h4> 198 <p>2014.08.02 (Sat)ãSUMMER NIGHT PICNICã@ååä¸å¤®å ¬å</p> 199 </li> 200 <li> 201 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i4879b5846afc67e9/1405530883/std/image.jpg"> 202 <h4><b>KEPC18</b></h4> 203 <p>2014.04.27 (Sun)ãGOLDEN PICNIC WEEK '14ã@æ°å®¿å¾¡è</p> 204 </li> 205 </ul> 206 207 <h1 id="works2013">2013</h1> 208 <hr> 209 <ul class="process effect-2" id="process"> 210 <li> 211 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i12cf1722dee14f60/1383137910/std/image.jpg"> 212 <h4><b>KEPC17</b></h4> 213 <p>2013.10.4 (Sat)ãTamadaira Picnic Wedding</p> 214 </li> 215 <li> 216 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i6c3e58cfe4a9fc5f/1367767500/std/image.jpg"> 217 <h4><b>KEPC16</b></h4> 218 <p>2013.5.5 (Sun)ãGOLDEN PICNIC WEEK!!!</p> 219 </li> 220 <li> 221 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i37b05e7fdac4daf4/1383133719/std/image.jpg"> 222 <h4><b>KEPC15</b></h4> 223 <p>2013.3.22 (Wed)ãã¾ããÃãã¯ããã¯ã@ç«å·åã©ãæªæ¥ã»ã³ã¿ã¼</p> 224 </li> 225 <li> 226 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/id26ab15c3404e185/1383137739/std/image.jpg"> 227 <h4><b>KEPC14</b></h4> 228 <p>2013.01.03 (Thu)ãæ°æ¥å§æãå¤§ä¼ -new year picnic 2013-</p> 229 </li> 230 </ul> 231 232 <h1 id="works2012">2012</h1> 233 <hr> 234 <ul class="process effect-2" id="process"> 235 <li> 236 <img src="assets/img/works/osotoweb20121130.png"> 237 <h4><b>MEDIA</b></h4> 238 <p>2012.11.30 (Fri) <a href="http://osoto.jp/takeme/picnic03/" target="_blank">OSOTO WEBããã¯ããã¯ã®éæ³ï½4ã¤ã®ãã¯ããã¯ã¯ã©ã ï½ ãã£ã¨ãã¯ããã¯ãæããããã</a></p> 239 </li> 240 <li> 241 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i0faf2e1ec91467c9/1340095757/std/image.jpg"> 242 <h4><b>KEPC13</b></h4> 243 <p>2012.06.17 (Sun)ãã°ãªã¼ã³ãã£ã¼ããªã³ã¯ã¹ï¼(greendrinksç«å·)ã@Cloudcafe</p> 244 </li> 245 <li> 246 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/ia5e3e0fc3296940a/1339803952/std/image.jpg"> 247 <h4><b>KEPC12</b></h4> 248 <p>2012.05.20 (Sun)ãthe Picnicã@å¤æ©ä¸å¤®å ¬åï¼å¤æ©ã»ã³ã¿ã¼é§ ï¼</p> 249 </li> 250 <li> 251 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i0f0754c3f5ef7e6e/1340095822/std/image.jpg"> 252 <h4><b>KEPC11</b></h4> 253 <p>2012.04.21 (Sat)ãã¾ã£ããå¤ã«ãã§ãã¯ããã¯(greendrinksç«å·)ã</p> 254 </li> 255 <li> 256 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i16b69ee55bba83dd/1340095858/std/image.jpg"> 257 <h4><b>KEPC10</b></h4> 258 <p>2012.04.15 (Sun)ãè±ãããã¯ããã¯!!!ã@äºã®é å ¬å</p> 259 </li> 260 <li> 261 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/ifae0dfd524ae1af9/1348669923/std/image.jpg"> 262 <h4><b>BOOKLET</b></h4> 263 <p>ãKEPC2011ã</p> 264 </li> 265 </ul> 266 267 <h1 id="works2011">2011</h1> 268 <hr> 269 <ul class="process effect-2" id="process"> 270 <li> 271 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/ia1fb576eab0930c0/1332003736/std/image.jpg"> 272 <h4><b>KEPC09</b></h4> 273 <p>2011.12.11 (Sun)ã赤羽å°ãã¯ããã¯vol.1ã@赤羽å°å£å°</p> 274 </li> 275 <li> 276 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i0bc180437a22deaf/1320724943/std/image.jpg"> 277 <h4><b>KEPC08.5</b></h4> 278 <p>
2782011.11.2 (Tue)ãPICNIC HIJACK DESIGN TOUCH Park</p> 279 </li> 280 <li> 281 <img src="assets/img/works/okujotosora10.png"> 282 <h4><b>MEDIA</b></h4> 283 <p>2011.10.10 (Mon)ã<a href="http://okusora.exblog.jp/13724377/" target="_brank">å±ä¸ã¨ãããæ¬èªã¤ã³ã¿ãã¥ã¼ People Get Ready å®å ¨ç vol.10ã</a></p> 284 </li> 285 <li> 286 <img src="assets/img/works/tachikawabiz20111009.png"> 287 <h4><b>MEDIA</b></h4> 288 <p>2011.10.9 (Sun)ã<a href="https://tachikawa.keizai.biz/headline/1068/" target="_brank">ç«å·çµæ¸æ°èãæåè¨å¿µå ¬åè±ã¿ã©ãæåã»ã³ã¿ã¼ã§ãç«å·ã¤ãããªãã¯ããã¯ãã</a></p> 289 </li> 290 <li> 291 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i8e26fce114f9ebd3/1318399113/std/image.jpg"> 292 <h4><b>KEPC08</b></h4> 293 <p>2011.10.9 (Sun)ãç«å·ã¤ãããªãã¯ããã¯ã@æåè¨å¿µå ¬åè±ã¿ã©ãæåã»ã³ã¿ã¼å±ä¸(æµ®éã®åº)</p> 294 </li> 295 <li> 296 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i253aae5e38dcc8b1/1320360005/std/image.jpg"> 297 <h4><b>KEPC07.5</b></h4> 298 <p>2011.10.2 (Sun)ãä¸è ä¼è«ãã¯ããã¯ã@å¤æ©ä¸å¤®å ¬å</p> 299 </li> 300 <li> 301 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/ic82d1735878b90da/1316081088/std/image.jpg"> 302 <h4><b>KEPC07</b></h4> 303 <p>2011.9.8 (Thu)ãrooftop picnic cafeã@cafe MURIWUI</p> 304 </li> 305 <li> 306 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i0b0db317bf3327bf/1306483756/std/image.jpg"> 307 <h4><b>KEPC06</b></h4> 308 <p>2011.5.21 (Sat)ãã½ããããã¯ããã¯ã@æ¥æ¬å¥³å大å¦100年館å±ä¸åºå</p> 309 </li> 310 <li> 311 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i53adbce5a29ef338/1307519406/std/image.jpg"> 312 <h4><b>BOOKLET</b></h4> 313 <p>ãKEPC2010ã</p> 314 </li> 315 </ul> 316 317 <h1 id="works2010">2010</h1> 318 <hr> 319 <ul class="process effect-2" id="process"> 320 <li> 321 <h4><b>MEDIA</b></h4> 322 <p>æ¥çµæµéæ°è(æ¥çµMJ) 第5072å·ããã¼ã ã®äºæ è¡ä¸ã§ãã¯ããã¯ã</p> 323 </li> 324 <li> 325 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i6cac266179eaae2f/1304594407/std/image.jpg"> 326 <h4><b>KEPC05</b></h4> 327 <p>ãã¯ããã¯ç©ºéæ¢ã(è¦è±å ¬åâæ¡ä¸æ°´)</p> 328 </li> 329 <li> 330 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i56ee418118ffaf57/1304594367/std/image.jpg"> 331 <h4><b>KEPC04.5</b></h4> 332 <p>ãã£ã³ãã¹ãã¯ããã¯ã@æ±äº¬å¤§å¦å·¥å¦é¨ï¼å·é¤¨ååºå ´</p> 333 </li> 334 <li> 335 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i0b1a15b73eb99b7c/1304593760/std/image.jpg"> 336 <h4><b>KEPC04</b></h4> 337 <p>ãã¯ããã¯ã@äºã®é å ¬å</p> 338 </li> 339 <li> 340 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/id44e413076163087/1304593037/std/image.jpg"> 341 <h4><b>KEPC03</b></h4> 342 <p>ãã¯ããã¯ç©ºéæ¢ãâ¡(ä»å·âè¦è±å ¬å)</p> 343 </li> 344 <li> 345 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/iaed59652a1fc2145/1304592816/std/image.jpg"> 346 <h4><b>KEPC02.5</b></h4> 347 <p>TPC+KPC+KEPC ååãã¯ããã¯ã@çå± å¤è(æ¥ æ£æåå¨è¾º)</p> 348 </li> 349 <li> 350 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/i19a97d56b70eaf05/1304592417/std/image.jpg"> 351 <h4><b>KEPC02</b></h4> 352 <p>å±ä¸ãã¯ããã¯ã@æ°å®¿ä¼å¢ä¸¹æ¬é¤¨å±ä¸åºå</p> 353 </li> 354 <li> 355 <img src="http://u.jimdo.com/www55/o/sa72ef4a41a6780d7/img/ib70be9b1f308025f/1304669645/std/image.jpg"> 356 <h4><b>KEPC01</b></h4> 357 <p>ãã¯ããã¯ç©ºéæ¢ãâ (調å¸âä»å·)</p> 358 </li> 359 </ul> 360 361 </div><!-- col-lg-4 --> 362 </div><!-- /row --> 363 </div><!-- /.container --> 364 365 <div class="container"> 366 <div class="row mt"> 367 <div class="col-lg-12"> 368 <h1></h1> 369 <p></p> 370 <p>Copyright ©2015 KEIO Picnic Club.<img class="footerlogo" src="assets/img/logo/kepc_logo.png" /></p> 371 <br> 372 </div><!-- col-lg-12 --> 373 </div><!-- row --> 374 </div><!-- container --> 375 376 377 378 <!-- Bootstrap core JavaScript 379 ================================================== --> 380 <!-- Placed at the end of the document so the pages load faster --> 381
381<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
381 382
382<script src="assets/js/bootstrap.min.js"></script>
382 383
383<script src="assets/js/main.js"></script>
383 384
384<script src="assets/js/masonry.pkgd.min.js"></script>
384 385
385<script src="assets/js/imagesloaded.js"></script>
385 386
386<script src="assets/js/classie.js"></script>
386 387
387<script src="assets/js/AnimOnScroll.js"></script>
387 388
388<script>
vendor: 349 bytes, lines 388-394
388 389 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 390 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 391 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 392 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 393 394 ga('create', '
394UA-17781882-4
vendor: 43 bytes, lines 394-397
394', 'auto'); 395 ga('send', 'pageview'); 396 397
397new AnimOnScroll( document.getElementById( 'process' ), { 398 minDuration : 0.4, 399 maxDuration : 0.7, 400 viewportFactor : 0.2 401 } ); 402 </script>
402 403 </body> 404</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.