1<!DOCTYPE HTML> 2<html lang="ja" id="html-root"> 3 4<head> 5 <!-- Google Tag Manager --> 6
6<script>
vendor: 419 bytes, lines 6-20
6 7 (function(w, d, s, l, i) { 8 w[l] = w[l] || []; 9 w[l].push({ 10 'gtm.start': new Date().getTime(), 11 event: 'gtm.js' 12 }); 13 var f = d.getElementsByTagName(s)[0], 14 j = d.createElement(s), 15 dl = l != 'dataLayer' ? '&l=' + l : ''; 16 j.async = true; 17 j.src = 18 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 19 f.parentNode.insertBefore(j, f); 20 })(window, document, 'script', 'dataLayer', '
20GTM-55RVTZF
vendor: 5 bytes, lines 20-21
20'); 21
21</script>
21 22 <!-- End Google Tag Manager --> 23 <meta charset="UTF-8"> 24 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 25 <meta property="og:locale" content="ja_JP" /> 26 27 28 29<meta name="twitter:card" content="summary_large_image" /> 30<meta name="twitter:site" content="@EthicaJp" /> 31<!--<meta property="og:title" content="Series | webãã¬ã¸ã³ | ethica(ã¨ã·ã«ï¼ï½ç§ã«ããã¦ãä¸çã«ã¤ã¤ãï½webãã¬ã¸ã³ | ethica(ã¨ã·ã«ï¼ï½ç§ã«ããã¦ãä¸çã«ã¤ã¤ãï½" />--> 32<meta property="og:title" content="Series | webãã¬ã¸ã³ | ethica(ã¨ã·ã«ï¼ï½ç§ã«ããã¦ãä¸çã«ã¤ã¤ãï½" /> 33 34<meta property="fb:app_id" content="1673175239630987" /><meta property="og:image" content="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/default-blog-image.gif" /> <link rel="shortcut icon" href="https://www.ethica.jp/wp-content/themes/ethica_ver2/icon/favicon.ico" /> 35 <link rel="apple-touch-icon" href="https://www.ethica.jp/wp-content/themes/ethica_ver2/icon/icon_144.png"> 36 <link rel="apple-touch-icon" href="https://www.ethica.jp/wp-content/themes/ethica_ver2/icon/icon_114.png"> 37 <link rel="apple-touch-icon" href="https://www.ethica.jp/wp-content/themes/ethica_ver2/icon/icon_72.png"> 38 <link rel="apple-touch-icon" href="https://www.ethica.jp/wp-content/themes/ethica_ver2/icon/icon_57.png"> 39 <link rel="apple-touch-icon" href="https://www.ethica.jp/wp-content/themes/ethica_ver2/icon/apple-touch-icon.png"> 40 41 42 <!-- All in One SEO 4.7.2 - aioseo.com --> 43 <title>Series | webãã¬ã¸ã³ | ethica(ã¨ã·ã«ï¼ï½ç§ã«ããã¦ãä¸çã«ã¤ã¤ãï½</title> 44 <meta name="robots" content="noindex, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> 45 <link rel="canonical" href="https://www.ethica.jp/category/series/" /> 46 <link rel="next" href="https://www.ethica.jp/category/series/page/2/" /> 47 <meta name="generator" content="All in One SEO (AIOSEO) 4.7.2" /> 48
48<script type="application/ld+json" class="aioseo-schema"> 49 {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.ethica.jp\/category\/series\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.ethica.jp\/#listItem","position":1,"name":"Home","item":"https:\/\/www.ethica.jp\/","nextItem":"https:\/\/www.ethica.jp\/category\/series\/#listItem"},{"@type":"ListItem","@id":"https:\/\/www.ethica.jp\/category\/series\/#listItem","position":2,"name":"Series","previousItem":"https:\/\/www.ethica.jp\/#listItem"}]},{"@type":"CollectionPage","@id":"https:\/\/www.ethica.jp\/category\/series\/#collectionpage","url":"https:\/\/www.ethica.jp\/category\/series\/","name":"Series | web\u30de\u30ac\u30b8\u30f3 | ethica(\u30a8\u30b7\u30ab\uff09\uff5e\u79c1\u306b\u3088\u304f\u3066\u3001\u4e16\u754c\u306b\u30a4\u30a4\u3002\uff5e","inLanguage":"ja","isPartOf":{"@id":"https:\/\/www.ethica.jp\/#website"},"breadcrumb":{"@id":"https:\/\/www.ethica.jp\/category\/series\/#breadcrumblist"}},{"@type":"Organization","@id":"https:\/\/www.ethica.jp\/#organization","name":"web\u30de\u30ac\u30b8\u30f3 | ethica(\u30a8\u30b7\u30ab\uff09\uff5e\u79c1\u306b\u3088\u304f\u3066\u3001\u4e16\u754c\u306b\u30a4\u30a4\u3002\uff5e","description":"\u500b\u4eba\u3068\u4e16\u754c\u306e\u30b5\u30b9\u30c6\u30a3\u30ca\u30d3\u30ea\u30c6\u30a3\u30fc\u3092\u63d0\u6848\u3059\u308b\u30a8\u30b7\u30ab\u30eb\u30b3\u30f3\u30b7\u30e3\u30b9web\u30de\u30ac\u30b8\u30f3\u3000\uff3bSince 2013\uff3d\u304a\u304b\u3052\u3055\u307e\u306711\u5e74","url":"https:\/\/www.ethica.jp\/"},{"@type":"WebSite","@id":"https:\/\/www.ethica.jp\/#website","url":"https:\/\/www.ethica.jp\/","name":"web\u30de\u30ac\u30b8\u30f3 | ethica(\u30a8\u30b7\u30ab\uff09\uff5e\u79c1\u306b\u3088\u304f\u3066\u3001\u4e16\u754c\u306b\u30a4\u30a4\u3002\uff5e","description":"\u500b\u4eba\u3068\u4e16\u754c\u306e\u30b5\u30b9\u30c6\u30a3\u30ca\u30d3\u30ea\u30c6\u30a3\u30fc\u3092\u63d0\u6848\u3059\u308b\u30a8\u30b7\u30ab\u30eb\u30b3\u30f3\u30b7\u30e3\u30b9web\u30de\u30ac\u30b8\u30f3\u3000\uff3bSince 2013\uff3d\u304a\u304b\u3052\u3055\u307e\u306711\u5e74","inLanguage":"ja","publisher":{"@id":"https:\/\/www.ethica.jp\/#organization"}}]} 50 </script>
50 51 <!-- All in One SEO --> 52 53<link rel='dns-prefetch' href='//s.w.org' /> 54<link rel='stylesheet' id='wp-block-library-css' href='https://www.ethica.jp/wp-includes/css/dist/block-library/style.min.css?ver=5.4' type='text/css' media='all' /> 55<link rel='stylesheet' id='wp_dlmp_styles-css' href='https://www.ethica.jp/wp-content/plugins/download-monitor/page-addon/styles.css?ver=5.4' type='text/css' media='all' /> 56<link rel='stylesheet' id='wp-fb-like-ranking-style-css' href='https://www.ethica.jp/wp-content/plugins/wp-facebook-like-ranking/wp-fb-like-ranlking.css?ver=1' type='text/css' media='all' /> 57<link rel='https://api.w.org/' href='https://www.ethica.jp/wp-json/' /> 58 <style type='text/css'> 59 .download-info .download-button { 60 background-image: url(https://www.ethica.jp/wp-content/plugins/download-monitor/page-addon/downloadbutton.gif); 61 } 62 .download-info .more-button { 63 background-image: url(https://www.ethica.jp/wp-content/plugins/download-monitor/page-addon/morebutton.gif); 64 } 65 </style> 66 67 <link rel="alternate" type="application/rss+xml" title="webãã¬ã¸ã³ | ethica(ã¨ã·ã«ï¼ï½ç§ã«ããã¦ãä¸çã«ã¤ã¤ãï½ RSS Feed" 68 href="https://www.ethica.jp/feed/" /> 69 70 <link type="text/css" rel="stylesheet" href="/assets/css/style.css?v=6.0.4"> 71 <link type="text/css" rel="stylesheet" 72 href="https://www.ethica.jp/wp-content/themes/ethica_ver2/javascripts/vendor/owl-carousel2/owl.carousel.css"> 73 <link type="text/css" rel="stylesheet" 74 href="https://www.ethica.jp/wp-content/themes/ethica_ver2/javascripts/vendor/owl-carousel2/owl.theme.css"> 75 <link type="text/css" rel="stylesheet" 76 href="https://www.ethica.jp/wp-content/themes/ethica_ver2/javascripts/vendor/mmenu/css/jquery.mmenu.css" /> 77 <link type="text/css" rel="stylesheet" 78 href="https://www.ethica.jp/wp-content/themes/ethica_ver2/javascripts/vendor/mmenu/css/extensions/jquery.mmenu.positioning.css" /> 79 80
80<script src="/assets/js/cpUtils-1.4.js"></script>
80 81 82
82<script> 83 if (/dev/.test(cpUtils.browser.url.host)) console.log( 84 'This site is for development\n*****************************'); 85 </script>
85 86 87
87<script> 88 (function(u) { 89 var info = { 90 ios: (u.indexOf("iphone") != -1 || u.indexOf("ipod") != -1 || u.indexOf("ipad") != -1), 91 android: (u.indexOf("android") != -1), 92 osx_safari: (u.indexOf("mac os x") != -1 && u.indexOf("safari") != -1 && u.indexOf("chrom") == -1) 93 }; 94 info.pc = !info.ios && !info.android; 95 info.mobile = !info.pc; 96 info.mobile_like_pc = info.osx_safari 97 var html = document.getElementById("html-root"); 98 var att = document.createAttribute("data-device"); 99 if (info.ios) { 100 att.value = 'ios'; 101 } else if (info.android) { 102 att.value = 'android'; 103 } else { 104 att.value = 'pc'; 105 } 106 html.setAttributeNode(att); 107 var att2 = document.createAttribute("data-dice10"); 108 var dice10 = Math.floor(Math.random() * 10); 109 att2.value = dice10 + ''; 110 html.setAttributeNode(att2); 111 var ethica_globals = window.ethica_globals || {}; 112 ethica_globals.device = info; 113 ethica_globals.dice10 = dice10; 114 window.ethica_globals = ethica_globals; 115 })(window.navigator.userAgent.toLowerCase()); 116 </script>
116 117 118 <!-- google analytics --> 119
119<script>
vendor: 419 bytes, lines 119-132
119 120 (function(i, s, o, g, r, a, m) { 121 i['GoogleAnalyticsObject'] = r; 122 i[r] = i[r] || function() { 123 (i[r].q = i[r].q || []).push(arguments) 124 }, i[r].l = 1 * new Date(); 125 a = s.createElement(o), 126 m = s.getElementsByTagName(o)[0]; 127 a.async = 1; 128 a.src = g; 129 m.parentNode.insertBefore(a, m) 130 })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); 131 132 ga('create', '
132UA-42081387-1
vendor: 48 bytes, lines 132-135
132', 'ethica.jp'); 133 ga('send', 'pageview'); 134 135
135var trackOutboundLink = function(e, elm, category, url, title) { 136 e = jQuery.event.fix(e); 137 $elm = $(elm); 138 139 if ($elm.attr('target') == '_blank') { 140 ga('send', 'event', category, 'click', title, { 141 'transport': 'beacon' 142 }); 143 } else { 144 e.preventDefault(); 145 ga('send', 'event', category, 'click', title, { 146 'transport': 'beacon', 147 'hitCallback': function() { 148 document.location = url; 149 } 150 }); 151 } 152 } 153 </script>
153 154 155
155<script src="https://www.promisejs.org/polyfills/promise-7.0.4.min.js"></script>
155 156 157
157<script type="text/javascript" src="/assets/js/jquery-2.2.4.js"></script>
157 158
158<script type="text/javascript" src="/assets/js/vendor/conditionizr.js"></script>
158 159
159<script type="text/javascript" src="/assets/js/libs/jquery-ajax-promise.js"></script>
159 160
160<script type="text/javascript" src="/assets/js/libs/global_functions.js"></script>
160 161 162
162<script type="text/javascript" src="/assets/js/SpeedTest-1.0.js?v=6"></script>
162 163
163<script type="text/javascript"> 164 SpeedTest.start('/assets/js/test_250kb.json'); 165 </script>
165 166 167 <!-- 20191108 *************** --> 168
168<script> 169 document.addEventListener('DOMContentLoaded', function() { 170 setupToPageTopButton(); 171 }); 172 173 function setupToPageTopButton() { 174 var $content = $('#container-wrap'), 175 $toTop = $('.to-page-top'); 176 177 var sy, wh, 178 content_top = $content.offset().top; 179 180 $(window).on('scroll', function(e) { 181 sy = $(window).scrollTop(); 182 wh = window.innerHeight; 183 184 // console.log(content_top, sy, content_top - sy, content_top - sy < wh / -5); 185 186 if (content_top - sy < wh / -5) { 187 $toTop.addClass('show'); 188 } else { 189 $toTop.removeClass('show'); 190 }; 191 }); 192 } 193 </script>
193 194 <!-- /20191108 *************** --> 195 196
196<script> 197 var captureOutboundLink = function(url) { 198 ga('send', 'event', 'outbound', 'click', url, { 199 'transport': 'beacon', 200 'hitCallback': function() { 201 document.location = url; 202 } 203 }); 204 } 205 </script>
205 206 <style> 207 .hero-magazine .bg { 208 background: none; 209 filter: none; 210 transition: 0.2s; 211 } 212 213 .hero-magazine .bg.show { 214 transition: opacity 0.3s; 215 } 216 217 .single-social-button.fb-like .fb-like>span, 218 .single-social-button.fb-like .fb-like iframe, 219 .footer-social-button .fb-like>span, 220 .footer-social-button .fb-like iframe { 221 margin-left: 0; 222 margin-right: 0; 223 border-radius: 3px; 224 } 225 226 #social-nav li { 227 border: none !important; 228 } 229 230 #social-nav li.twitter { 231 overflow: scroll; 232 height: 100%; 233 margin-top: 0; 234 } 235 236 .square-article .fb, 237 .h_fb_box.fb_box, 238 .square-wrapper.white_box { 239 /*border: 1px solid rgb(207, 217, 222);*/ 240 border: 1px solid #cfd9de; 241 background: #fff; 242 border-radius: 10px; 243 height: 236px; 244 } 245 246 .h_fb_box.fb_box { 247 height: auto; 248 } 249 250 .recruit a { 251 color: #cfd9de; 252 } 253 254 .recruit .white_box img { 255 object-fit: cover; 256 max-width: 260px; 257 margin: auto; 258 display: block; 259 } 260 261 .white_box .ig-b-v-24 { 262 width: 160px; 263 height: 38px; 264 object-fit: cover; 265 } 266 267 .h_fb_box.fb_box { 268 border-radius: 10px; 269 } 270 271 .fb .social-widget-post div, 272 .fb .social-widget-post div:first-child { 273 margin-top: 0; 274 } 275 276 .fb_box p a, 277 .white_box h3 { 278 font-size: 20px; 279 color: #333; 280 text-decoration: underline; 281 margin-bottom: 0.3em; 282 display: block; 283 font-weight: bold; 284 text-align: center; 285 border-bottom: 1px solid rgb(207, 217, 222); 286 padding: 0.5em; 287 box-sizing: border-box; 288 } 289 290 .white_box.insta h3 { 291 font-size: inherit; 292 } 293 294 .insta_list { 295 display: flex; 296 justify-content: center; 297 gap: 30px; 298 margin: 40px auto 0; 299 } 300 301 .insta_list li {} 302 303 .insta_list li a img { 304 width: 80px; 305 } 306 307 .insta_list li a { 308 text-decoration: none; 309 } 310 311 .insta_list li a span { 312 display: block; 313 text-align: center; 314 font-weight: bold; 315 } 316 317 318 .fb_box img { 319 text-align: center; 320 } 321 322 .fb_box .fb-like iframe { 323 border: none; 324 overflow: hidden; 325 margin: 2em auto; 326 text-align: center; 327 display: block; 328 height: 30px; 329 } 330 331 .ig-b- { 332 display: inline-block; 333 } 334 335 .ig-b- img { 336 visibility: hidden; 337 } 338 339 .ig-b-v-24 { 340 background: url("/assets/images/instagram20210922.png") no-repeat center / 100%; 341 width: 100px; 342 height: 100%; 343 margin: auto; 344 display: block !important; 345 text-align: center; 346 } 347 348 /*#social-nav .ig-b-v-24 { 349width: 200px; 350}*/ 351 #social-nav li.antenna a { 352 width: 200px; 353 background-size: cover; 354 height: 100%; 355 } 356 357 #sp-popup-panel { 358 z-index: 99999; 359 } 360 361 #sp-popup-panel .inner .like { 362 font-size: 13px; 363 } 364 365 @media (max-width: 619.5px) { 366 #footer { 367 padding: 30px 0 70px; 368 } 369 370 #footer #footer-social { 371 float: none; 372 width: 190px; 373 display: flex; 374 flex-wrap: wrap; 375 gap: 3px; 376 } 377 378 #footer #footer-social .footer-social-button, 379 #footer #footer-social .footer-social-button:first-child { 380 margin: 0; 381 float: none; 382 } 383 } 384 385 @media (max-width: 64em) { 386 .square-article.square-twitter { 387 margin-left: 3.5% !important; 388 } 389 390 .square-article.recruit>a .no_copy img { 391 max-width: 280px; 392 } 393 } 394 395 @media (max-width: 48em) { 396 .fb_box .fb-like iframe { 397 margin: 1em auto; 398 } 399 400 .square-article.square-facebook { 401 margin-left: 0; 402 } 403 404 .square-article.square-twitter { 405 margin-left: 0 !important; 406 } 407 408 .square-article.recruit .no_copy.with-border img { 409 margin: auto; 410 } 411 412 .square-article>a .no_copy img { 413 margin: auto; 414 left: 0; 415 object-fit: cover; 416 height: 100%; 417 width: 100%; 418 max-width: 100%; 419 } 420 421 .owl-wrapper.sp-only .square-article { 422 width: 100%; 423 max-width: 345px; 424 float: none; 425 margin: 30px auto 0 !important; 426 } 427 } 428 429 @media (max-width: 32em) { 430 .square-article { 431 max-width: 345px; 432 } 433 } 434 435 @media screen and (max-width : 540px) { 436 .owl-wrapper.sp-only { 437 margin-bottom: 20px; 438 } 439 440 .owl-wrapper.sp-only#comercial-sp { 441 margin-bottom: 50px; 442 } 443 } 444 445 @media screen and (max-width : 512px) { 446 .square-article.square-twitter { 447 margin: 2em auto 0 !important; 448 } 449 } 450 451 @media screen and (max-width : 767px) { 452 .square-article.recruit .no_copy.with-border { 453 /*height: 345px !important;*/ 454 } 455 456 .social-widget { 457 height: 345px; 458 } 459 460 .square-article .fb, 461 .square-wrapper.white_box { 462 height: 298px; 463 } 464 465 .fb_box img { 466 margin: 4em auto 1em; 467 } 468 469 .h_fb_box.fb_box img { 470 margin: auto; 471 border-radius: 20px; 472 } 473 474 .insta_list li a span { 475 font-size: 14px; 476 } 477 478 .insta_list { 479 gap: 40px; 480 margin: 60px auto 0; 481 } 482 483 .square-article .square-overflows { 484 height: 298px; 485 } 486 487 .recruit .white_box img { 488 max-width: 320px; 489 margin: 3em auto; 490 } 491 492 .fb_box .fb-like iframe { 493 margin: 1em auto; 494 } 495 496 #social-nav li.antenna { 497 width: auto; 498 margin: auto; 499 } 500 501 #social-nav li { 502 border-bottom: 1px solid #ccc; 503 } 504 505 #social-nav .social-widget-post { 506 padding: 15px; 507 box-sizing: border-box; 508 } 509 510 #social-nav li.facebook .social-widget-post { 511 padding: 45px 15px 15px; 512 } 513 514 #social-nav li.antenna .social-widget-post { 515 padding: 6px 5px 5px; 516 } 517 518 #social-nav li.twitter .social-widget-post { 519 padding: 0 15px 15px; 520 } 521 } 522 523 @media screen and (max-width : 375px) { 524 .insta_list li a img { 525 width: 100px; 526 } 527 528 .recruit .white_box img { 529 margin: 2em auto; 530 } 531 532 .fb_box img { 533 margin: 2em auto; 534 } 535 } 536 537 @media only screen and (-webkit-min-device-pixel-ratio: 2), 538 only screen and (min--moz-device-pixel-ratio: 2), 539 only screen and (-o-min-device-pixel-ratio: 2 / 1), 540 only screen and (min-device-pixel-ratio: 2), 541 only screen and (min-resolution: 192dpi), 542 only screen and (min-resolution: 2dppx) { 543 .ig-b-v-24 { 544 background-image: url("/assets/images/instagram20210922.png") no-repeat center / 100%; 545 } 546 } 547 </style> 548 <!-- 221216追å --> 549 <meta name="google-site-verification" content="omdLuiY2R3YT6R1yjZ9nVJ96W8EOPQ-doqOhF6DJ7PE" /> 550 551</head> 552 553<!--<body class="loading" >--> 554<body class="" > 555 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 555-556
555 556 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
556GTM-55RVTZF
vendor: 87 bytes, lines 556-558
556" height="0" width="0" 557 style="display:none;visibility:hidden"></iframe></noscript> 558
558<!-- End Google Tag Manager (noscript) --> 559 560 561 <!--#header--> 562 <section class="mobile-header-wrap"> 563 564 <header id="mobile-header"> <div class="inner"> 565 <!-- mobile nav button --> 566 <img id="mobileNavBtn" src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/mobile-menu-btn.png" alt="" /> 567 <!-- social nav button --> 568 <img id="mobileSocialBtn" src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/mobile-menu-btn.png" alt="" /> 569 <!-- logo --> 570 <a class="logo only-sp" href="https://www.ethica.jp"><img 571 src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/logo_fix.png" alt="ethica ç§ã«ããã¦ãä¸çã«ã¤ã¤ã" /></a> 572 </div> 573 </header> 574 </section> 575 576 577 <div id="container-wrap"> 578 <div id="container-wrap-inner"> 579 580 <div id="container" class="wrapper"> 581 582 583 <header id="header"> 584 585 <div class="search-widget only-desktop"> 586 <form role="search" method="get" id="searchform" action="/"> 587 <input name="s" id="s" value="" type="text" value="" 588 placeholder="ãµã¤ãæ¤ç´¢" /> 589 <button type="submit"><img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/img/header-search-icon.png" 590 alt="" /></button> 591 </form> 592 </div> 593 594 595 <!-- header links --> 596 <div class="links"> 597 <a href="https://www.ethica.jp/concept/" 598 class="">Concept</a> 599 <a href="https://www.ethica.jp/category/series/" 600 class="selected">Series</a> 601 <a href="https://www.ethica.jp/archives/" 602 class="">Archives</a> 603 <a href="https://www.ethica.jp/tag-cloud/" 604 class="">Tag cloud</a> 605 <a href="https://www.ethica.jp/category/ethicalista/" 606 class="">Blog</a> 607 <a href="https://www.youtube.com/channel/UCx6RnA3YCPjeQyAc3BaFzQQ" target="_blank">ETHICA TV</a> 608 </div> 609 610 <!-- tagline --> 611 <div class="tagline"> 612 <!-- <h2>å人ã¨ä¸çã®ãµã¹ãã£ãããªãã£ã¼ãææ¡ãã<br />ã¨ã·ã«ã«ã³ã³ã·ã£ã¹webãã¬ã¸ã³</h2> --> 613 <h2>å人ã¨ä¸çã®ãµã¹ãã£ãããªãã£ã¼ãææ¡ãã<br />ã¨ã·ã«ã«ã³ã³ã·ã£ã¹webãã¬ã¸ã³<br /> ï¼»ããããã¾ã§13å¹´ Since 2013ï¼½</h2> 614 </div> 615 616 <!-- logo --> 617 <a class="logo only-desktop" href="https://www.ethica.jp"><img 618 src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/logo_fix.png" alt="ethica ç§ã«ããã¦ãä¸çã«ã¤ã¤ã" /></a> 619 620 <!-- categories --> 621 <ul class="categories pc"> 622 <li class="fashion"> 623 <a href="https://www.ethica.jp/category/fashion/" class="" style="border-color:#ffcc66;"> 624 <!--<span>ç§ã«ããã¦ãä¸çã«ã¤ã¤ã</span>-->Fashion 625 </a> 626 </li> 627 <li class="healthbeauty"> 628 <a href="https://www.ethica.jp/category/healthbeauty/" class="" style="border-color:#ffdcfb;"> 629 <!--<span>ç§ã«ããã¦ãä¸çã«ã¤ã¤ã</span>-->Health & Beauty 630 </a> 631 </li> 632 <li class="food"> 633 <a href="https://www.ethica.jp/category/food/" class="" style="border-color:#66cc66;"> 634 <!--<span>ç§ã«ããã¦ãä¸çã«ã¤ã¤ã</span>-->Food 635 </a> 636 </li> 637 <li class="artculture"> 638 <a href="https://www.ethica.jp/category/artculture/" class="" style="border-color:#ac15DD;"> 639 <!--<span>ç§ã«ããã¦ãä¸çã«ã¤ã¤ã</span>-->Art & Culture 640 </a> 641 </li> 642 <li class="home"> 643 <a href="https://www.ethica.jp/category/home/" class="" style="border-color:#996633;"> 644 <!--<span>ç§ã«ããã¦ãä¸çã«ã¤ã¤ã</span>-->Home 645 </a> 646 </li> 647 <li class="lovehuman"> 648 <a href="https://www.ethica.jp/category/lovehuman/" class="" style="border-color:#ff3399;"> 649 <!--<span>ç§ã«ããã¦ãä¸çã«ã¤ã¤ã</span>-->Love & Human 650 </a> 651 </li> 652 <li class="work"> 653 <a href="https://www.ethica.jp/category/work/" class="" style="border-color:#66ccff;"> 654 <!--<span>ç§ã«ããã¦ãä¸çã«ã¤ã¤ã</span>-->Work & Study 655 </a> 656 </li> 657 </ul> 658 659 <!-- series --> 660 <ul class="series pc"> 661 <li><a href="https://www.ethica.jp/category/series/book-review/" class="">Book Review</a></li> 662 <li><a href="https://www.ethica.jp/category/series/ethica-woman/" class="">ethica woman</a></li> 663 <li><a href="https://www.ethica.jp/category/series/from-the-world/" class="">From the World</a></li> 664 <li><a href="https://www.ethica.jp/category/series/rediscover_japan/" class="">ReDiscover Japan</a></li> 665 <li><a href="https://www.ethica.jp/category/series/outdoor-sports/" class="">ã¢ã¦ããã¢ï¼ã¹ãã¼ã</a></li> 666 <li><a href="https://www.ethica.jp/category/series/wedding/" class="">ã¦ã¨ãã£ã³ã°</a></li> 667 <li><a href="https://www.ethica.jp/category/series/ethical-fashion-snap/" class="">ã¨ã·ã«ã«ãã¡ãã·ã§ã³</a></li> 668 <li><a href="https://www.ethica.jp/category/series/entertainment/" class="">ã¨ã³ã¿ã¼ãã¤ã¡ã³ã</a></li> 669 <li><a href="https://www.ethica.jp/category/series/organic-lovers/" class="">ãªã¼ã¬ããã¯ã©ãã¼ãº</a></li> 670 <li><a href="https://www.ethica.jp/category/series/sustainable/" class="">ãµã¹ãã£ããã«ã»ã«ããã«</a></li> 671 <li><a href="https://www.ethica.jp/category/series/social-creative-series/" class="">
671ã½ã¼ã·ã£ã«ã°ãã</a></li> 672 <li><a href="https://www.ethica.jp/category/series/travel/" class="">ãã©ãã«</a></li> 673 <li><a href="https://www.ethica.jp/category/series/kyoto/" class="">京é½ã®ãµã¹ããçºè¦ï¼</a></li> 674 <li><a href="https://www.ethica.jp/category/series/tradition-inherited-inovater/" class="">ä¼çµ±ç¶æ¿Inovater</a></li> 675 <li><a href="https://www.ethica.jp/category/series/usefulinfo/" class="">å¤å¿ãªå¥³æ§ã®ãå½¹ç«ã¡</a></li> 676 <li><a href="https://www.ethica.jp/category/series/cinema/" class="">ç§ã«ã¤ã¤æ ç»</a></li> 677 <li><a href="https://www.ethica.jp/category/series/editor-interview/" class="">ç·¨éé·å¯¾è«</a></li> 678 <li><a href="https://www.ethica.jp/category/series/musician-interview/" class="">鳿¥½å®¶ã¤ã³ã¿ãã¥ã¼</a></li> 679 <li><a href="https://www.ethica.jp/whatday">仿¥ã¯ä½ã®æ¥ï¼</a></li> 680 </ul> 681 682 <div style="display: none;"> 683 <!-- social items --> 684 <ul id="social-nav"> 685 <li class="facebook"> 686 <div class="close-btn right"><img 687 src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/close-btn.png" alt="" /></div> 688 689 <div class="fb"> 690 <div class="social-widget-post"> 691 <!-- .fb_box --> 692 <div class="h_fb_box fb_box"> 693 <p><a href="https://www.facebook.com/ethica.jp/" target="_blank" 694 rel="noopener noreferrer">Ethicaç·¨éé¨</a></p> 695 <img src="/wp-content/uploads/2022/11/fb_illust.jpg" alt="Facebook"> 696 <div class="single-social-button fb-like"> 697 <iframe 698 src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fethica.jp%2F&width=160&layout=button_count&action=like&size=large&share=false&appId" 699 width="160" scrolling="no" frameborder="0" allowfullscreen="true" 700 allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> 701 </div> 702 </div> 703 <!--/.fb_box --> 704 705 <!--<div class="fb-like-box" data-href="https://www.facebook.com/" data-width="266" data-height="233" data-show-faces="true" data-stream="false" data-show-border="false" data-header="false" style="margin-top:0;"></div>--> 706 <!--<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2F375839639182723&tabs&width=260&height=130&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId" width="260" height="130" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" data-lazy="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>--> 707 708 </div> 709 </li> 710 <li class="antenna"> 711 <div class="social-widget-post"> 712 <a href="https://www.instagram.com/ethica.jp/" 713 class="ig-b- ig-b-v-24"><img src="/assets/images/instagram20210922.png" alt="Instagram" /></a> 714 </div> 715 </li> 716 <!--<li class="twitter"> 717<div class="social-widget-post">--> 718 <!--<a href="https://x.com/EthicaJp" class="twitter-follow-button" data-show-count="false"></a>--> 719 <!--<a class="twitter-timeline" href="https://x.com/EthicaJp" data-widget-id="346886555857723392">@EthicaJp ããã®ãã¤ã¼ã</a>--> 720 <!--<a class="twitter-timeline" href="https://x.com/EthicaJp">@EthicaJp ããã®ãã¤ã¼ã</a> 721</div> 722</li>--> 723 <li class="twitter"> 724 <div class="social-widget-post"> 725 <div class="h_fb_box fb_box"> 726 <p><a href="https://x.com/EthicaJp?ref_src=twsrc%5Etfw%7Ctwcamp%5Eembeddedtimeline%7Ctwterm%5Escreen-name%3AEthicaJp%7Ctwcon%5Es2" target="_blank" rel="noopener noreferrer">@EthicaJpããã®ãã¤ã¼ã</a></p> 727 <a href="https://x.com/EthicaJp?ref_src=twsrc%5Etfw%7Ctwcamp%5Eembeddedtimeline%7Ctwterm%5Escreen-name%3AEthicaJp%7Ctwcon%5Es2" target="_blank" rel="noopener noreferrer"><img src="/wp-content/uploads/2023/11/ethica_square_panel_x_header.png" alt="æ°çè¨äºããæ¡å " /></a> 728 </div> 729 </div> 730 </li> 731 </ul> 732 733 <!-- categories for mobile --> 734 <ul id="mobile-nav"> 735 <li> 736 <div class="close-btn left"><img 737 src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/close-btn.png" alt="" /></div> 738 <h3>7ã¤ã®ã«ãã´ãªã¼</h3> 739 <ul class="categories" id="mobile-nav"> 740 <li class="fashion"> 741 <a href="https://www.ethica.jp/category/fashion/" class="" style="border-color:#ffcc66;">Fashion</a> 742 </li> 743 <li class="healthbeauty"> 744 <a href="https://www.ethica.jp/category/healthbeauty/" class="" style="border-color:#ffdcfb;">Health & Beauty</a> 745 </li> 746 <li class="food"> 747 <a href="https://www.ethica.jp/category/food/" class="" style="border-color:#66cc66;">Food</a> 748 </li> 749 <li class="artculture"> 750 <a href="https://www.ethica.jp/category/artculture/" class="" style="border-color:#ac15DD;">Art & Culture</a> 751 </li> 752 <li class="home"> 753 <a href="https://www.ethica.jp/category/home/" class="" style="border-color:#996633;">Home</a> 754 </li> 755 <li class="lovehuman"> 756 <a href="https://www.ethica.jp/category/lovehuman/" class="" style="border-color:#ff3399;">Love & Human</a> 757 </li> 758 <li class="work"> 759 <a href="https://www.ethica.jp/category/work/" class="" style="border-color:#66ccff;">Work & Study</a> 760 </li> 761 </ul> 762 </li> 763 <li> 764 <!--<h3>ãµã¤ããªã³ã¯</h3>--> 765 <!-- series --> 766 <ul class="series"> 767 <li><a href="https://www.ethica.jp/concept/">Concept</a></li> 768 <li><a href="https://www.ethica.jp/category/series/">Series</a></li> 769 <li><a href="https://www.ethica.jp/archives/">Archives</a></li> 770 <li><a href="https://www.ethica.jp/tag-cloud/">Tag cloud</a></li> 771 <li><a href="https://www.youtube.com/channel/UCx6RnA3YCPjeQyAc3BaFzQQ" target="_blank">ETHICA TV</a> 772 </li> 773 <li><a href="https://www.ethica.jp/comercial/">åºåã»ãåè³ã«ã¤ãã¦</a></li> 774 </ul> 775 </li> 776 </ul> 777 </div> 778 779 </header> 780 <!-- / #header--> 781 <section id="main"> 782 <div id="sns_box"> 783 <ul class="social-widget-panel"> 784 <li><a href="http://facebook.com/ethica.jp" onclick="trackOutboundLink(event, this, 'Banner', 'http://facebook.com/ethica.jp', 'FACEBOOK1');" target="_blank"><img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/social-widget-facebook.png" /></a></li> 785 <li><a href="http://twitter.com/EthicaJp" onclick="trackOutboundLink(event, this, 'Banner', 'http://twitter.com/EthicaJp', 'TWITTER1');" target="_blank"><img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/social-widget-twitter.png" /></a></li> 786 <li><a href="https://www.ethica.jp/feed/" onclick="trackOutboundLink(event, this, 'Banner', 'https://www.ethica.jp/feed/', 'FEED1');"><img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/social-widget-feed.png" /></a></li> 787 <li><a href="https://www.instagram.com/ethica.jp/" onclick="trackOutboundLink(event, this, 'Banner', 'https://www.instagram.com/ethica.jp/', 'INSTAGRAM1');" target="_blank"><img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/social-widget-instagram.png" /></a></li> 788 </ul> 789 </div> 790 791 792<div class="breadcrumbs"> 793 <a class="home" href="/">TOP</a> 794
795 <span class="separator">></span> 796 797 <span class="item">Series</span> 798 799 800 </div> 801 802 <div class="index-feed"> 803 804 <div class="feed-wrapper"> 805 806 807 808 809 810 811 <div class="clear"> 812 </div> 813 814 815 <div class="single-article-section"> 816 <div class="single-article-element single-article-text single"> 817 <div> 818 <div style="margin-bottom: 20px; width:270px;border-bottom:#000000 solid 2px;"><h2>ã«ãã´ãªã¼æ¨ªæã®ã·ãªã¼ãº</h2></div> 819 <p>ç¹ã«æ³¨ç®ããããã¼ããã18ã®ã«ãã´ãªã¼ã横æãã¦ã·ãªã¼ãºåããå®ãç¶ããããã®ã»ç¡ããã¦ãããããã®ãããçã®è±ãããã¨ããè¦ç¹ã§ãç§ãã¡ãé¸ã³åãã鏿è¢ãæ¢ã£ã¦ããã¾ãã</p> 820 <ul class="category-info-list"> 821 <li> 822 <a href="https://www.ethica.jp/category/series/book-review/" class="">Book Review</a> 823 824 <div style="margin: 0 0 0 10px;"><p>ã¨ã·ã«ããã®æ¸ç±ç´¹ä»ã§ãã</p> 825</div> 826 </li> 827 <li> 828 <a href="https://www.ethica.jp/category/series/ethica-woman/" class="">ethica woman</a> 829 830 <div style="margin: 0 0 0 10px;"><p>åã女æ§ããã£ãªã¢ãç©ãéç¨ã§èãã¦ããäºãç¹å¥ãªè¼ããçºã£ã女æ§ã«ãèããã¾ãã<br /> 831èªè ãããããçæ³ã¨ãã女æ§åãå¦ã¶çºã«èªåãã¯ã³ã©ã³ã¯ä¸ã«æ¼ãä¸ãã¦ãããç¾å¦ãå¿ãæä¾ããäºãç®çã¨ãã¦ããã¾ãã</p> 832</div> 833 </li> 834 <li> 835 <a href="https://www.ethica.jp/category/series/from-the-world/" class="">From the World</a> 836 837 <div style="margin: 0 0 0 10px;"><p>ã¨ã·ã«æµ·å¤ç¹æ´¾å¡ã¬ãã¼ãã§ãã</p> 838</div> 839 </li> 840 <li> 841 <a href="https://www.ethica.jp/category/series/rediscover_japan/" class="">ReDiscover Japan</a> 842 843 <div style="margin: 0 0 0 10px;"><p>æ¥æ¬ç¹æã®é¢¨åãçæ´»ãæ´å²ããçã¾ããä¼çµ±çãªæåãå·¥è¸åãè¸è½ãããã¦ãªãã®ç²¾ç¥ãªã©ãæ¹ãã¦ç´è§£ãã¦ãç´¹ä»ãã¾ãã</p> 844</div> 845 </li> 846 <li> 847 <a href="https://www.ethica.jp/category/series/outdoor-sports/" class="">ã¢ã¦ããã¢ï¼ã¹ãã¼ã</a> 848 849 <div style="margin: 0 0 0 10px;"><p>ç§ã«ã¤ã¤ã¨ããè¦ç¹ã§ã¢ã¦ããã¢ãã¹ãã¼ãã«ãã¥ã¼ãã£ã¼ãã¦ããã¾ãã</p> 850</div> 851 </li> 852 <li> 853 <a href="https://www.ethica.jp/category/series/wedding/" class="">ã¦ã¨ãã£ã³ã°</a> 854 855 <div style="margin: 0 0 0 10px;"><p>ã¨ã·ã«ãèããæ°ãããªãªã¸ãã«ã¦ã¨ãã£ã³ã°ã®ãã³ããæ å ±ããå±ããã¾ãã</p> 856</div> 857 </li> 858 <li> 859 <a href="https://www.ethica.jp/category/series/ethical-fashion-snap/" class="">ã¨ã·ã«ã«ãã¡ãã·ã§ã³</a> 860 861 <div style="margin: 0 0 0 10px;"><p> èªå磨ãã¨ã¨ãã«ç°å¢ã社ä¼ã«ãé æ ®ããã¨ã·ã«çãªãã¡ãã·ã§ã³ãç´¹ä»ãã¾ãã</p> 862</div> 863 </li> 864 <li> 865 <a href="https://www.ethica.jp/category/series/entertainment/" class="">ã¨ã³ã¿ã¼ãã¤ã¡ã³ã</a> 866 867 <div style="margin: 0 0 0 10px;"><p>ã¨ã·ã«ã注ç®ããæ ç»ã»é³æ¥½ã»æ¸ç±ã»æ¼«ç»ã»ã¯ãªã¨ã¤ãã£ããã¬ãã¥ã¼ãã¾ãã</p> 868</div> 869 </li> 870 <li> 871 <a href="https://www.ethica.jp/category/series/organic-lovers/" class="">ãªã¼ã¬ããã¯ã©ãã¼ãº</a> 872 873 <div style="margin: 0 0 0 10px;"><p>ç¥ã£ã¦ããããã§ãªããªãç¥ããªããªã¼ã¬ããã¯ã³ã¹ã¡ããªã¼ã¬ããã¯ãã¼ãæ å ±ããä¼ããã¾ãã</p> 874</div> 875 </li> 876 <li> 877 <a href="https://www.ethica.jp/category/series/sustainable/" class="">ãµã¹ãã£ããã«ã»ã«ããã«</a> 878 879 <div style="margin: 0 0 0 10px;"><p>大åãªäººã¨ãã£ã¨è¯ãé¢ä¿ã§ããããç§è¨£ããç´ æµãªå¤«å©¦ã»æäººã®ã«ããã«ã«ãèããã¾ãã</p> 880</div> 881 </li> 882 <li> 883 <a href="https://www.ethica.jp/category/series/social-creative-series/" class="">
883ã½ã¼ã·ã£ã«ã°ãã</a> 884 885 <div style="margin: 0 0 0 10px;"><p>社ä¼ç課é¡ã¸ã®ã¡ãã»ã¼ã¸ãã²ã¨ç®ã§æããããè峿·±ãã¯ãªã¨ã¤ãã£ãããç´¹ä»ãã¾ãã</p> 886</div> 887 </li> 888 <li> 889 <a href="https://www.ethica.jp/category/series/travel/" class="">ãã©ãã«</a> 890 891 <div style="margin: 0 0 0 10px;"></div> 892 </li> 893 <li> 894 <a href="https://www.ethica.jp/category/series/kyoto/" class="">京é½ã®ãµã¹ããçºè¦ï¼</a> 895 896 <div style="margin: 0 0 0 10px;"><p>京é½ãããµã¹ãããã«ãªåãçµã¿ãå¦ã¼ãã¨ããã京é½ãµã¹ããçºè¦ï¼ã</p> 897</div> 898 </li> 899 <li> 900 <a href="https://www.ethica.jp/category/series/tradition-inherited-inovater/" class="">ä¼çµ±ç¶æ¿Inovater</a> 901 902 <div style="margin: 0 0 0 10px;"><p>ä¼çµ±ã«é©æ°ãå ããªããå¾ä¸ã«ä¼ãããã¨æ´»èºããã¦ããæ¹ã ããç´¹ä»ãã¾ãã</p> 903</div> 904 </li> 905 <li> 906 <a href="https://www.ethica.jp/category/series/usefulinfo/" class="">å¤å¿ãªå¥³æ§ã®ãå½¹ç«ã¡</a> 907 908 <div style="margin: 0 0 0 10px;"><p>èªåã®æéãåããªãæ¹ããã¯ã¼ãã³ã°ãã¶ã¼ãã¡ãå°ãã§ã楽ã«ãªãæ å ±ããå±ããã¾ãã</p> 909</div> 910 </li> 911 <li> 912 <a href="https://www.ethica.jp/category/series/cinema/" class="">ç§ã«ã¤ã¤æ ç»</a> 913 914 <div style="margin: 0 0 0 10px;"><p>ã¨ã·ã«ããã®æ ç»ç´¹ä»ã§ãã</p> 915</div> 916 </li> 917 <li> 918 <a href="https://www.ethica.jp/category/series/editor-interview/" class="">ç·¨éé·å¯¾è«</a> 919 920 <div style="margin: 0 0 0 10px;"></div> 921 </li> 922 <li> 923 <a href="https://www.ethica.jp/category/series/musician-interview/" class="">鳿¥½å®¶ã¤ã³ã¿ãã¥ã¼</a> 924 925 <div style="margin: 0 0 0 10px;"><p>ã¨ã·ã«ã®ã³ã³ã»ãããç§ã«ããã¦ä¸çã«ã¤ã¤ããåãå£ã§åçã§ãæ´»èºä¸ã®ãã¥ã¼ã¸ã·ã£ã³ãç¬èªåæãã¾ãã</p> 926</div> 927 </li> 928 <a id="nextPageLink" href="" style="display:none"></a> 929 </ul> 930 </div> 931 </div> 932 </div> 933 </div> 934 935 <a class="to-page-top" href="#"><img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/to-page-top.gif"></a> 936 </section> 937 <div class="index-feed"> 938 <div class="feed-wrapper"> 939 <div class="clear"> 940 <!--<article class="square-article x2 site-outline" style="background-color:#e5e5e5"> 941 <a href="/" style="text-decoration:none;"> 942 <img src="/images/dole-panel-x2.jpg" alt="" /> 943 </a> 944 </article>--> 945 <!--<article class="square-article site-outline" style="background-color:#e5e5e5"> 946 <a href="http://www.fujiya-peko.co.jp/sweets/f-dole/b_style.html" target="_blank" onclick="trackOutboundLink(event, this, 'Banner', 'http://www.fujiya-peko.co.jp/sweets/f-dole/b_style.html', 'DOLE1');" style="text-decoration:none;">
947 <span class="no_copy"> 948 <img src="/images/dole-panel-1.jpg" alt="" /> 949 </span> 950 <div class="square-article-overlay no-scale" style="height: 70px"> 951 <div class="square-wrapper"> 952 <dl> 953 <dt style="text-align:center;line-height:70px;height:70px;font-size:14px;">Presented by DOLEã°ãã»ãã£ã³ãã£</dt> 954 </dl> 955 </div> 956 </div> 957 </a> 958 </article> 959 <article class="square-article site-outline" style="background-color:#e5e5e5"> 960 <a href="http://www.fujiya-peko.co.jp/sweets/f-dole/b_style.html" target="_blank" onclick="trackOutboundLink(event, this, 'Banner', 'http://www.fujiya-peko.co.jp/sweets/f-dole/b_style.html', 'DOLE1');" style="text-decoration:none;"> 961 <span class="no_copy"> 962 <img src="/images/dole-panel-2.jpg" alt="" /> 963 </span> 964 <div class="square-article-overlay no-scale" style="height: 70px"> 965 <div class="square-wrapper"> 966 <dl> 967 <dt style="text-align:center;line-height:70px;height:70px;font-size:14px;">Presented by DOLEã°ãã»ãã£ã³ãã£</dt> 968 </dl> 969 </div> 970 </div> 971 </a> 972 </article>--> 973 974 <!--<article class="square-article"> 975 <a href="/weleda"> 976 <span class="no_copy"><img src="/images/weleda_top.jpg" alt="Supported by WELEDA"/></span> 977 <div class="square-article-overlay no-scale" style="height: 70px"> 978 <div class="square-wrapper"> 979 <dl> 980 <dt style="text-align:center;line-height:70px;height:70px;font-size:14px;">Supported by WELEDA</dt> 981 </dl> 982 </div> 983 </div> 984 </a> 985 </article> 986 987 <article class="square-article"> 988 <a href="/naturaglace"> 989 <span class="no_copy"><img src="/images/naturaglace_top.jpg" alt="Supported by naturaglace"/></span> 990 <div class="square-article-overlay no-scale" style="height: 70px"> 991 <div class="square-wrapper"> 992 <dl> 993 <dt style="text-align:center;line-height:70px;height:70px;font-size:14px;">Supported by 994 naturaglace 995 </dt> 996 </dl> 997 </div> 998 </div> 999 </a> 1000 </article> 1001 1002 <article class="square-article site-outline" style="background-color:#e5e5e5"> 1003 <div class="ranking-title">Movie</div> 1004 <a href="https://youtu.be/a_hG7zYNLi8" target="_blank" style="text-decoration:none;"> 1005 <span class="no_copy"><img src="/images/Ethica_video_panel.jpg" alt=""/></span> 1006 1007 <div class="site-outline-title" style="display: table-cell; vertical-align: middle; height: 310px; width: 280px;"> 1008 <p>Concept Movie</p> 1009 </div> 1010 </a> 1011 </article> 1012 <article class="square-article site-outline" style="background-color:#cccccc"> 1013 <div class="ranking-title"><span style="font-size:16px;">Media alliance</span></div> 1014 <a href="http://www.ethica.jp/contact/"> 1015 <span class="no_copy"> 1016 <img src="http://www.ethica.jp/wp-content/themes/ethica_ver2/images/Ethica_banner_media_alliance.jpg" alt="Media alliance"/> 1017 </span> 1018 </a> 1019 </article>--> 1020</div> 1021 1022<div class="clear"> 1023 <article id="someinfo" class="square-article site-outline pc-only"> 1024 <a href="/tag/%e3%82%84%e3%81%95%e3%81%97%e3%81%84%e4%b8%96%e7%95%8c%e3%82%92%e3%80%81%e8%ba%ab%e3%81%ab%e7%9d%80%e3%81%91%e3%82%8b%e3%80%82/"> 1025 <span class="no_copy"> 1026 <img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/ethica_square_panel_wacoal_2306.jpg" alt="Presented by Wacoal" /> 1027 </span> 1028 <div class="square-article-overlay no-scale" style="height: 70px"> 1029 <div class="square-wrapper"> 1030 <dl> 1031 <dt style="text-align:center;line-height:70px;height:70px;font-size:14px;">Presented by Wacoal</dt> 1032 </dl> 1033 </div> 1034 </div> 1035 </a> 1036 </article> 1037 1038 <article id="someinfo" class="square-article site-outline pc-only"> 1039 <a href="http://www.yashinomi.jp/" target="_blank" onclick="trackOutboundLink(event, this, 'Banner', 'http://www.yashinomi.jp/', 'YASHINOMI1');"> 1040 <span class="no_copy"> 1041 <img src="/wp-content/uploads/2023/01/saraya_panel_square_202301.jpg" alt="Presented by SARAYA" /> 1042 </span> 1043 <div class="square-article-overlay no-scale" style="height: 70px"> 1044 <div class="square-wrapper"> 1045 <dl> 1046 <dt style="text-align:center;line-height:70px;height:70px;font-size:14px;">Presented by SARAYA</dt> 1047 </dl> 1048 </div> 1049 </div> 1050 </a> 1051 </article> 1052 <!-- 1053 <article id="articleinfo" class="square-article site-outline"> 1054 <a href="http://www.co-co-palm.jp/" target="_blank" onclick="trackOutboundLink(event, this, 'Banner', 'http://www.co-co-palm.jp/', 'COCOPALM1');">
1055 <span class="no_copy"> 1056 <img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/saraya_panel_square_2.jpg" alt="Presented by SARAYA" /> 1057 </span> 1058 <div class="square-article-overlay no-scale" style="height: 70px"> 1059 <div class="square-wrapper"> 1060 <dl> 1061 <dt style="text-align:center;line-height:70px;height:70px;font-size:14px;">Presented by SARAYA</dt> 1062 </dl> 1063 </div> 1064 </div> 1065 </a> 1066 </article> 1067 --> 1068 1069 <!-- 嵿¥9æç®ãªã¼ãã³ã¨ã³ããªã¼ 1070 <article id="articleinfo" class="square-article site-outline framed"> 1071 <a href="https://transm.co.jp/recruit/" target="_blank" > 1072 <span class="no_copy"> 1073 <img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/ethica_square_panel_1912_3.jpg" alt="Presented by TRANSMEDIA" /> 1074 </span> 1075 <div class="square-article-overlay no-scale" style="height: 70px"> 1076 <div class="square-wrapper"> 1077 <dl> 1078 <dt style="text-align:center;line-height:70px;height:70px;font-size:14px;">Presented by TRANSMEDIA</dt> 1079 </dl> 1080 </div> 1081 </div> 1082 </a> 1083 </article>--> 1084 1085 <!-- ã¨ã·ã«å®¿æ³ãã©ã³ 1086 <article id="articleinfo" class="square-article site-outline"> 1087 <a href="/73485" > 1088 <span class="no_copy"> 1089 <img src="/wp-content/uploads/2023/02/ethica_square_panel_Intercontinental.jpg" alt="InterContinental Tokyo Bay" /> 1090 </span> 1091 <div class="square-article-overlay no-scale" style="height: 70px"> 1092 <div class="square-wrapper"> 1093 <dl> 1094 <dt style="text-align:center;line-height:70px;height:70px;font-size:14px;">InterContinental Tokyo Bay</dt> 1095 </dl> 1096 </div> 1097 </div> 1098 </a> 1099 </article>ã--> 1100 1101 <!-- ãã©ã³ãã¹ã¿ã¸ãª --> 1102 <article id="articleinfo" class="square-article site-outline framed"> 1103 <a href="https://www.brand-studio.jp" target="_blank"> 1104 <span class="no_copy"> 1105 <img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/ethica_square_panel_1911_1.jpg" alt="Presented by ethica BRAND SUTUDIO" /> 1106 </span> 1107 <div class="square-article-overlay no-scale" style="height: 70px"> 1108 <div class="square-wrapper"> 1109 <dl> 1110 <dt style="text-align:center;line-height:70px;height:70px;font-size:14px;">Powered by ethica BRAND STUDIO</dt> 1111 </dl> 1112 </div> 1113 </div> 1114 </a> 1115 </article> 1116 1117 <!-- ãã¼ããã¼ï¼åäººã»æ³äººï¼åé --> 1118 1119 <!-- WEBãã¬ã¸ã³ã®ä¼ç» éå¶ã«é¢ãããåãåãã --> 1120 <article id="adinfo" class="square-article site-outline"> 1121 <div class="adinfo-inner"> 1122 <div class="site-outline-title"> 1123 WEBãã¬ã¸ã³ã®ä¼ç»<br> 1124 éå¶ã«é¢ãããç¸è« 1125 </div> 1126 1127 <div class="site-outline-content if1"> 1128 <p><a href="/AD-MENU.pdf" target="_blank">ç·¨éã¿ã¤ã¢ããåºåæé</a></p> 1129 </div> 1130 1131 <div class="site-outline-content if1"> 1132 <p><a href="./download-form/" target="_blank">ethicaåªä½è³æ</a></p> 1133 </div> 1134 1135 <div class="site-outline-content if3"> 1136 <p>ethicaç·¨éé¨</p> 1137 <p class="pc-only">TEL 03-3440-2440</p> 1138 <p class="sp-only">TEL <a href="tel:0334402440">03-3440-2440</a></p> 1139 <p>Email <a href="mailto:[email protected]">[email protected]</a></p> 1140 <p>å¶ä½ãããã¯ã·ã§ã³ <a href="https://www.brand-studio.jp" target="_blank">ethica BRAND STUDIO</a></p> 1141 </div> 1142 </div> 1143 </article> 1144 1145 <!-- åæã®ãªã¯ã¨ã¹ãã»ãªãªã¼ã¹ãæä¾å ããåãåãã --> 1146 <!-- 1147 <article class="square-article site-outline"> 1148 <div class="site-outline-title">åæã®ãªã¯ã¨ã¹ãã»<br />ãªãªã¼ã¹ãæä¾å </div> 1149 <div class="site-outline-content"> 1150 <p><a href="http://transm.co.jp" target="_blank">TRANSMEDIA.CO.,Ltd</a></p> 1151 </div> 1152 <div class="site-outline-content"> 1153 <p>TEL 03-3440-2440</p> 1154 <p>FAX 03-6701-7607</p> 1155 <p>Email <a href="mailto:[email protected]">[email protected]</a></p> 1156 </div> 1157 </article> 1158 --> 1159</div> </div> 1160 </div> 1161 1162</div> 1163 1164<div class="bookmark-me"> 1165 <img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/images/bookmark-tab.png"> 1166</div> 1167 1168<footer id="footer"> 1169 <div class="wrapper"> 1170 <div id="footer-left-content"> 1171 <p id="copyright">©<a href="http://transm.co.jp" target="_blank" style="color:#fff;">TRANSMEDIA.CO.,Ltd</a></p> 1172 <ul id="footer-link"> 1173 <li><a href="https://www.ethica.jp/concept/">ç·¨éã³ã³ã»ãã</a></li> 1174 <!--<li><a href="/compilation/">ç·¨é</a></li>--> 1175 <li><a href="https://www.ethica.jp/download-form/">åªä½è³æ</a></li> 1176 <li><a href="https://www.ethica.jp/AD-MENU.pdf" target="_blank">åºåã»åè³ã¡ãã¥ã¼</a></li> 1177 <li><a href="https://www.ethica.jp/contact/">ãåãåãã</a></li> 1178 <li><a href="https://www.ethica.jp/terms/">å©ç¨è¦ç´</a></li> 1179 </ul> 1180 </div> 1181 <div id="footer-social"> 1182 <div class="footer-social-button"><a href="http://b.hatena.ne.jp/entry/http://www.ethica.jp" class="hatena-bookmark-button" data-hatena-bookmark-layout="simple-balloon"><img 1183 src="https://b.hatena.ne.jp/images/entry-button/button-only.gif" alt="ãã®ã¨ã³ããªã¼ãã¯ã¦ãªããã¯ãã¼ã¯ã«è¿½å " width="20" height="20"/></a></div> 1184 <div class="footer-social-button"> 1185 <div class="fb-like" data-href="http://www.facebook.com/ethica.jp" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div> 1186 </div> 1187 <div class="footer-social-button twitter" style="width:auto;"><a href="https://twitter.com/EthicaJp" class="twitter-follow-button" data-show-count="false">ãã©ãã¼</a></div> 1188 <!-- 1189 <div class="footer-social-button"> 1190 <div class="g-plusone" data-size="medium" data-href="http://www.ethica.jp"></div> 1191 </div> 1192 --> 1193 <div class="footer-social-button"> 1194 <style>.ig-b- { display: inline-block; } 1195 .footer-social-button .ig-b- img { visibility: hidden; } 1196 .footer-social-button .ig-b-v-24 { width: 93px; height: 24px; background: url(/assets/images/instagram20210922_w.png) no-repeat 0 0; background-size: contain; overflow: hidden; } 1197 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { 1198 .footer-social-button .ig-b-v-24 { background-image: url(/assets/images/instagram20210922_w.png); background-size: contain; } }</style> 1199 <a href="https://www.instagram.com/ethica.jp/" class="ig-b- ig-b-v-24"><img src="/assets/images/instagram20210922_w.png" alt="Instagram" /></a> 1200 </div> 1201 </div> 1202</footer> 1203 1204 1205</div><!-- //#container-wrap-inner --> 1206</div><!-- //#container-wrap --> 1207 1208 1209 1210 1211<section id="sp-popup-panel"> 1212 <div class="inner"> 1213 <div class="like-0"> 1214 <p class="like"> 1215 <b>ããã</b>ãã¦ethicaã®ææ°è¨äºããã§ã㯠1216 </p> 1217 <div class="fb-like" style="display:block;min-height:25px;" data-href="http://www.facebook.com/ethica.jp" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false"></div> 1218 </div> 1219 <div class="like-1"> 1220 <p class="like"> 1221 <b>ãã©ãã¼</b>ãã¦ethicaã®ææ°æ å ±ããã§ã㯠1222 </p> 1223 <div class="twitter" style="display:block;min-height:25px;"><a href="https://twitter.com/EthicaJp" class="twitter-follow-button" data-show-count="false">ãã©ãã¼</a></div> 1224 </div> 1225 <div class="like-2"> 1226 <p class="like"> 1227 <b>ãã©ãã¼</b>ãã¦ethicaã®ææ°æ å ±ããã§ã㯠1228 </p> 1229 <div class="instagram"><a href="https://www.instagram.com/ethica.jp/" class="ig-b- ig-b-v-24"><img src="/assets/images/instagram20210922.png" alt="Instagram" /></a></div> 1230 </div> 1231 <div class="like-3"> 1232 <p class="like"> 1233 <b>ãã£ã³ãã«ç»é²</b>ãã¦ãethica TVãè¦è´ããã 1234 </p> 1235 <div class="instagram" style="width:84px;text-align:center;margin:auto;"> 1236 <div class="g-ytsubscribe" data-channelid="UCx6RnA3YCPjeQyAc3BaFzQQ" data-layout="default" data-count="hidden"></div> 1237 </div> 1238 </div> 1239 <div class="bookmark"> 1240 <div class="icon"> 1241 <img src="https://www.ethica.jp/wp-content/themes/ethica_ver2/icon/apple-touch-icon.png"/> 1242 </div> 1243 <div class="description"> 1244 <p> 1245 ã¹ããã®<b>ãã¼ã ç»é¢ã«è¿½å </b>ããã°<br/>ãã¤ã§ãethicaã«ç°¡åã¢ã¯ã»ã¹ã§ãã¾ã 1246 </p> 1247 </div> 1248 </div> 1249 </div> 1250 <div id="sp-popup-close"></div> 1251</section> 1252 1253 1254<!--
1255<script type="text/javascript" src="/assets/js/vendor/conditionizr.js"></script>
vendor: 2 bytes, line 1255
1255
1256<script type="text/javascript" src="/assets/js/app.js?_=20170420c"></script>
1256 1257--> 1258 1259
1259<script type="text/javascript" src="https://www.ethica.jp/wp-content/themes/ethica_ver2/javascripts/vendor/jquery.lazyload.min.js"></script>
1259 1260
1260<script type="text/javascript" src="https://www.ethica.jp/wp-content/themes/ethica_ver2/javascripts/vendor/owl-carousel2/owl.carousel.js"></script>
1260 1261
1261<script type="text/javascript" src="https://www.ethica.jp/wp-content/themes/ethica_ver2/javascripts/vendor/mmenu/js/jquery.mmenu.min.js"></script>
1261 1262
1262<script type="text/javascript" src="/assets/js/onwheel-fix.js"></script>
1262 1263 <!--
1263<script type="text/javascript" src="//107497.hittail.com/mlt.js"></script>
1263 --> 1264 1265
1266<script type="text/javascript" src="/assets/js/libs/inobounce.js?v=6.1"></script>
vendor: 2 bytes, line 1266
1266
1267<script type="text/javascript" src="/assets/js/libs/sp_popup.js?v=6.1"></script>
vendor: 2 bytes, line 1267
1267
1268<script type="text/javascript" src="/assets/js/libs/post_navigator.js?v=6.2"></script>
1268 1269
1270<script type="text/javascript" src="/assets/js/common_init.js?v=6.2"></script>
1270 1271 1272 1273 <link rel='stylesheet' id='contact-form-7-css' href='/wp-content/plugins/contact-form-7/includes/css/styles.css' type='text/css' media='all' /> 1274
1274<script type='text/javascript' src='/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js'></script>
1274 1275
1275<script type='text/javascript'> 1276 /* <![CDATA[ */ 1277 var _wpcf7 = {"loaderUrl":"\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"\u9001\u4fe1\u4e2d ...","cached":"1"}; 1278 /* ]]> */ 1279 </script>
1279 1280
1280<script type='text/javascript' src='/wp-content/plugins/contact-form-7/includes/js/scripts.js'></script>
1280 1281
1281<script src="https://apis.google.com/js/platform.js"></script>
1281 1282 1283 1284</body> 1285</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.