PageSourceSearch

https://cocon-jewelry.com/

html cocon-jewelry.com collected 2026-10-04 19:11:42 UTC 53,738 bytes, 941 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
5	<meta charset="utf-8">
6	<meta name="viewport" content="width=device-width">
7	<meta name="format-detection" content="telephone=no">
8	<meta name="apple-mobile-web-app-title" content="">
9	<meta name="keywords" content="">
10	<meta name="thumbnail" content="https://cocon-jewelry.com/assets/img/common/thumbnail01.jpg">
11
12	
13	<link rel="preconnect" href="https://fonts.googleapis.com">
14	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15	<!--<link
16		href="https://fonts.googleapis.com/css2?family=Hind:wght@300;400;700&family=Noto+Sans+JP:wght@400;500;700&display=swap"
17		rel="stylesheet">-->
18	
18<script>
19	window.addEventListener('load', function(){
20		let chara_text = document.getElementsByTagName('body')[0].innerText;
21		document.querySelectorAll('*').forEach(function(i){
22			chara_text += getComputedStyle(i, '::before').content+getComputedStyle(i, '::after').content;
23		});
24
25		let link_tag = document.createElement('link');
26		link_tag.rel = 'stylesheet';
27		link_tag.href = 'https://fonts.googleapis.com/css2?family=Hind:wght@300;400;700&Noto+Sans+JP:wght@400;500;700&display=swap&text='+encodeURIComponent(chara_text.split('').filter(function(x, i, self){
28			return self.indexOf(x) === i;
29		}).sort().join(''));
30
31		let pos = document.getElementsByTagName('link')[0];
32		pos.parentNode.insertBefore(link_tag, pos);
33	});
34	</script>
34
35	<link rel="stylesheet" href="/assets/css/styles.css?20230510">
36	<link rel="stylesheet" href="/assets/css/contact.css?20230510">
37	<link rel="icon" href="https://cocon-jewelry.com/assets/favicon.ico">
38	<link rel="apple-touch-icon" href="apple-touch-icon.png">
39
40	<!-- Google Tag Manager -->
41	
41<script>
vendor: 331 bytes, lines 41-45
41(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
42	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
43	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
44	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
45	})(window,document,'script','dataLayer','
45GTM-WG74VK3
vendor: 3 bytes, line 45
45');
45</script>
45
46	<!-- End Google Tag Manager -->
47
48	
48<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
vendor: 85 bytes, lines 48-50
48
49	<script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script>
50
51<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
52
53	<!-- This site is optimized with the Yoast SEO plugin v19.3 - https://yoast.com/wordpress/plugins/seo/ -->
54	<title>COCON | ジュエリーリフォームブランド【オンライン公式通販】</title>
55	<meta name="description" content="COCONは、眠っていたジュエリー・宝石に新しい目覚めの時をさずけるためのリフォームジュエリーブランド。デザイン提案・お見積りは2回まで無料。オンラインで全国どこからでも熟練デザイナーと相談できます。商品の配送・検査・製作、そしてお届けまで、責任を持ってご対応いたします。オーダーメイドや修理も可能な通販サイトです。" />
56	<link rel="canonical" href="https://cocon-jewelry.com/" />
57	<meta property="og:locale" content="ja_JP" />
58	<meta property="og:type" content="website" />
59	<meta property="og:title" content="COCON" />
60	<meta property="og:description" content="COCONは、眠っていたジュエリー・宝石に新しい目覚めの時をさずけるためのリフォームジュエリーブランド。デザイン提案・お見積りは2回まで無料。オンラインで全国どこからでも熟練デザイナーと相談できます。商品の配送・検査・製作、そしてお届けまで、責任を持ってご対応いたします。オーダーメイドや修理も可能な通販サイトです。" />
61	<meta property="og:url" content="https://cocon-jewelry.com/" />
62	<meta property="og:site_name" content="COCON" />
63	<meta name="twitter:card" content="summary_large_image" />
64	
64<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://cocon-jewelry.com/#website","url":"https://cocon-jewelry.com/","name":"COCON","description":"COCONはデザイナーを選び、世界でひとつのジュエリーを作れる、「オンライン×オーダーメイド」可能なジュエリーリフォームブランドです。","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://cocon-jewelry.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ja"},{"@type":"CollectionPage","@id":"https://cocon-jewelry.com/","url":"https://cocon-jewelry.com/","name":"COCON | ジュエリーリフォームブランド【オンライン公式通販】","isPartOf":{"@id":"https://cocon-jewelry.com/#website"},"description":"COCONは、眠っていたジュエリー・宝石に新しい目覚めの時をさずけるためのリフォームジュエリーブランド。デザイン提案・お見積りは2回まで無料。オンラインで全国どこからでも熟練デザイナーと相談できます。商品の配送・検査・製作、そしてお届けまで、責任を持ってご対応いたします。オーダーメイドや修理も可能な通販サイトです。","breadcrumb":{"@id":"https://cocon-jewelry.com/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https://cocon-jewelry.com/"]}]},{"@type":"BreadcrumbList","@id":"https://cocon-jewelry.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"ホーム"}]}]}</script>
64
65	<!-- / Yoast SEO plugin. -->
66
67
68<style id="wp-img-auto-sizes-contain-inline-css">
69img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
70/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
71</style>
72<style id="wp-block-library-inline-css">
73:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
73--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
74/*wp_block_styles_on_demand_placeholder:6ac2a4ec50e4e*/
75/*# sourceURL=wp-block-library-inline-css */
76</style>
77<style id="classic-theme-styles-inline-css">
78/*! This file is auto-generated */
79.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
80/*# sourceURL=/wp-includes/css/classic-themes.min.css */
81</style>
82<style id="wp-block-styles-placeholder-inline-css">
83:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
84/*# sourceURL=wp-block-styles-placeholder-inline-css */
85</style>
86<style id="wp-global-styles-placeholder-inline-css">
87:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
88/*# sourceURL=wp-global-styles-placeholder-inline-css */
89</style>
90<link rel='stylesheet' id='contact-form-7-css' href='https://cocon-jewelry.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.4' media='all' />
91<style type="text/css">.broken_link, a.broken_link {
92	text-decoration: line-through;
93}</style><!--
94  <PageMap>
95    <DataObject type="thumbnail">
96      <Attribute name="src" value="https://cocon-jewelry.com/assets/img/common/thumbnail01.jpg"/>
97      <Attribute name="width" value="120"/>
98      <Attribute name="height" value="120"/>
99    </DataObject>
100  </PageMap>
101-->
102</head>
103<body>
104	<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 104-105
104
105	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
105GTM-WG74VK3
vendor: 85 bytes, lines 105-107
105"
106	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
107	
107<!-- End Google Tag Manager (noscript) -->
108
109<div id="home" class="<br />
110<b>Warning</b>:  Use of undefined constant className - assumed 'className' (this will throw an Error in a future version of PHP) in <b>/home/xs818553/cocon-jewelry.com/public_html/wp-content/themes/wako/header.php</b> on line <b>77</b><br />
111className">
112
113<!--ヘッダー共通パーツ-->
114<header id="top" class="l-header is-wide is-front">
115	<h1 class="p-heading__title">ジュエリーリフォームのCOCON</h1>
116	<div class="f-container">
117		<h2 class="h-logo logo">
118			<a href="/">
119				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
120					y="0px" viewBox="0 0 343.3 74.8" style="enable-background:new 0 0 343.3 74.8;" width="100%"
121					xml:space="preserve">
122					
123					<path class="st0" d="M51.5,25.9c-5.6-5.1-10.8-7.4-17.2-7.4c-11.8,0-19.7,8.8-19.7,21.7S22.6,62,34.4,62c6.3,0,11.1-2,17.1-7.4v16.1
124	c-5.4,2.8-11.3,4.2-17.4,4.2C14.8,74.8,0,59.8,0,40.2S14.8,5.6,34.1,5.6c6.1,0,10.8,1.1,17.4,4.2V25.9z" />
125					<path class="st0" d="M129.8,40.7c0,19.5-15,34.2-34.8,34.2c-9.9,0-18.3-3.4-24.8-10.2c-3.2-3.2-5.7-7-7.3-11.1s-2.5-8.6-2.5-13.1
126	c0-19.7,15-34.9,34.4-34.9C115.1,5.6,129.8,20.3,129.8,40.7z M74.9,40c0,12.8,8.6,22,20.3,22s20-9.1,20-21.5s-8.7-22-20.2
126-22
127	C83.6,18.4,74.9,27.8,74.9,40z" />
128					<path class="st0" d="M190.1,25.9c-5.6-5.1-10.9-7.4-17.2-7.4c-11.7,0-19.7,8.8-19.7,21.7S161.2,62,173,62c6.3,0,11.1-2,17.1-7.4
129	v16.1c-5.4,2.8-11.3,4.2-17.4,4.2c-19.3,0-34.1-15-34.1-34.7s14.8-34.6,34.1-34.6c6.1,0,10.8,1.1,17.4,4.2L190.1,25.9z" />
130					<path class="st0" d="M268.4,46.2c0-20.4-14.7-35.1-35.1-35.1S199,26.3,199,46c0,5.4,1.2,10.7,3.6,15.5s5.9,9,10.2,12.2h42
131	c4.3-3.2,7.8-7.3,10.2-12.1C267.3,56.9,268.5,51.6,268.4,46.2z M233.9,67.6c-11.8,0-20.3-9.2-20.3-22S222.3,24,233.7,24
132	s20.2,9.4,20.2,22S245.3,67.6,233.9,67.6z" />
133					<path class="st0" d="M254.8,0h-42c6,4.5,13.4,6.8,20.9,6.7C241.2,6.8,248.6,4.4,254.8,0z" />
134					<path class="st0"
135						d="M343.3,73.7h-13.9l-35.1-45.8v45.8h-13.9v-67h14.4l34.6,45.4V6.7h13.9L343.3,73.7L343.3,73.7z" />
136				</svg>
137			</a>
138		</h2>
139		<nav class="m-header-nav">
140			<ul class="m-header-nav__list">
141				<!-- li class="m-header-nav__item">
142					<a href="/designer/" class="m-header-nav__link m-en">DESIGNER</a>
143				</li -->
144                <li class="m-header-nav__item">
145					<a href="/contact/" class="m-header-nav__link m-en">無料相談</a>
146				</li>
147				<li class="m-header-nav__item">
148					<a href="/gallery/" class="m-header-nav__link m-en">GALLERY</a>
149				</li>
150				<li class="m-header-nav__item">
151					<a href="/about-cocon/"
152						class="m-header-nav__link m-en">CONCEPT</a>
153				</li>
154			</ul>
155		</nav>
156		<!-- /.m-header-nav -->
157		<div class="l-hamburger-menu">
158			<button class="m-menu-btn">
159				<span class="menu-line menu-line__large"></span>
160				<span class="menu-line menu-line__short"></span>
161				<!-- /.menu-line__wrapper -->
162			</button>
163		</div>
164	</div>
165	<div class="l-menu-content">
166		<div class="l-menu-content__inner">
167			<button class="m-close-button">
168				<span class="menu-line"></span>
169				<span class="menu-line"></span>
170			</button>
171			<div class="l-primary-secondaly__wrapper">
172				<nav class="l-primary-nav">
173					<ul class="bl-primary-nav__list">
174						<li class="bl-primary-nav__item">
175							<a href="/designer/" class="m-primary-nav__link m-en">DESIGNER
176							</a>
177						</li>
178						<li class="bl-primary-nav__item">
179							<a href="/gallery/" class="m-primary-nav__link m-en">GALLERY</a>
180						</li>
181						<li class="bl-primary-nav__item">
182							<a href="/about-cocon/" class="m-primary-nav__link m-en">CONCEPT</a>
183						</li>
184					</ul>
185				</nav>
186				<nav class="l-secondly-nav">
187					<ul class="bl-secondly-nav__list">
188						<li class="bl-secondly-nav__item">
189							<a href="/about-cocon/serviceflow/" class="m-secondly-nav__link">
190								<span class="m-en">SERVICE FLOW</span>
191							</a>
192						</li>
193						<li class="bl-secondly-nav__item">
194							<a href="/about-cocon/price/" class="m-secondly-nav__link">
195								<span class="m-en">PRICE</span>
196								<span class="m-jp">よいものを適正価格でわかりやすく</span>
197							</a>
198						</li>
199						<li class="bl-secondly-nav__item">
200							<a href="/about-cocon/quality/" class="m-secondly-nav__link">
201								<span class="m-en">QUALITY</span>
202								<span class="m-jp">専門家が細やかに柔軟にご対応</span>
203							</a>
204						</li>
205						<li class="bl-secondly-nav__item">
206							<a href="/about-cocon/support/" class="m-secondly-nav__link">
207								<span class="m-en">SUPPORT</span>
208								<span class="m-jp">お手入れ・お直しまで万全の心配り</span>
209							</a>
210						</li>
211					</ul>
212				</nav>
213			</div>
214			<div class="l-utility-nav__wrapper">
215				<nav class="l-tertiary-nav">
216					<ul class="bl-tertiary-nav__list">
217						<li class="bl-tertiary-nav__item">
218							<a href="/news/" class="m-tertiary-nav__link">NEWS</a>
219						</li>
220						<li class="bl-tertiary-nav__item">
221							<a href="/shop-guide/"
222								class="m-tertiary-nav__link">SHOPPING GUIDE</a>
223						</li>
224						<li class="bl-tertiary-nav__item">
225							<a href="/faq/" class="m-tertiary-nav__link">FAQ</a>
226						</li>
227						<li class="bl-tertiary-nav__item">
228							<a href="/company/" class="m-tertiary-nav__link">COMPANY</a>
229						</li>
230						<li class="bl-tertiary-nav__item">
231							<a href="/coco-notes/" target="_blank" class="m-tertiary-nav__link">
232								COCO Notes
233								<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
234									<path d="M10.3444 4.02628V0.473145H6.79126L10.3444 4.02628Z" fill="#fff"/>
235									<path fill-rule="evenodd" clip-rule="evenodd" d="M3.72424 6.42432L8.81604 1.33252L9.52315 2.03963L4.43135 7.13142L3.72424 6.42432Z" fill="#fff"/>
236									<path fill-rule="evenodd" clip-rule="evenodd" d="M0.34436 0.473145H5.1988V1.47314H1.34436V9.47314H9.34436V5.92869H10.3444V10.4731H0.34436V0.473145Z" fill="#fff"/>
237								</svg>
238							</a>
239						</li>
240					</ul>
241				</nav>
242				<div class="l-flex">
243					<nav class="l-quaternary-nav">
244						<ul class="bl-quaternary-nav__list">
245							<!--
246							<li class="bl-quaternary-nav__item l-q-nav01">
247								<a href="/contact/consultation/" class="bl-quaternary-nav__link">リフォームの相談予約</a>
248							</li>
249							-->
250							<li class="bl-quaternary-nav__item l-q-nav02">
251								<a href="/contact/" class="bl-quaternary-nav__link">無料相談</a>
252							</li>
253							<li class="bl-quaternary-nav__item l-q-nav03">
254								<a href="https://lin.ee/ehu3AQq" target="_blank" class="bl-quaternary-nav__link">LINEで相談</a>
255							</li>
256						</ul>
257					</nav>
258					<div class="l-tel">
259						<p class="m-text">営業時間中はお電話でのお問い合わせも可能です</p>
260						<p class="m-tel">
261							<span class="m-icon"><img src="/assets/img/common/icn_mobile.svg" alt="" importance="low" decoding="async" loading="lazy"></span><a
262								href="tel:082-545-5566" class="m-en">082-545-5566</a>
263							<span class="m-text">受付時間:10:00~18:00[ 水曜定休 ]</span>
264						</p>
265
266					</div>
267					<!-- /.l-tel -->
268				</div>
269				<div class="l-logo__wrapper">
270					<h2 class="l-logo l-nav-logo">
271						<a href="/"><img src="/assets/img/common/logo_w.svg" alt="COCON" importance="low" decoding="async" loading="lazy"></a>
272					</h2>
273
274				</div>
275				<!-- /.l-logo__wrapper -->
276			</div>
277			<!-- /.l-utility-nav__wrapper -->
278
279		</div>
280		<!-- /.l-menu-content__inner -->
281	</div>
282	<!-- /.l-menu-content -->
283</header>
284<main class="u-clearfix" style="padding-top: 28px;">
285	<div class="l-mv__wrapper">
286		<div class="l-mv">
287			<video id="mainVideo" class="l-kv__movie media" data-object-fit="cover" autoplay="" loop="" muted="" playsinline="" preload="auto" disablepictureinpicture controlslist="nodownload" src="/assets/video/vid_main-min.mp4"></video>
288		</div>
289		<div class="l-mvnav__wrapper">
290			<ul class="bl-mv-nav">
291				<li class="bl-mv-nav__item">
292					<a href="/about-cocon" class="m-mv-nav__link m-en">ABOUT</a>
293				</li>
294				<li class="bl-mv-nav__item">
295					<a href="/contact/" class="m-mv-nav__link">無料相談</a>
296				</li>
297			</ul>
298		</div>
299	</div>
300	<div class="l-front-content__wrapper">
301		<section class="l-copy">
302			<div class="l-content__inner l-narrow fade-up">
303				<p class="m-text">
304                    新しく目覚めた宝石とともに私も変わる<br class="u-pc">一番、大好き 一番、素敵<br class="u-pc">そんな自信をさらりと纏う、私になる<br>
305                    <br>
306                    <a href="/about-cocon/">→CONCEPT</a>
307					<!-- COCONは、<br class="u-pc">眠っていたジュエリーに新しい目覚めの時をさずける<br class="u-tab">リフォームブランド。<br class="u-pc">お気に入りのジュエリーと紡ぐストーリーとともに、<br class="u-pc">オリジナルでサステイナブルなジュエリーライフを<br class="u-tab">お届けします。 -->
308				</p>
309			</div>
310		</section>
311
312		<section class="l-order">
313			<div class="l-content__inner">
314				<div class="l-content__heading fade-up">
315                    <h2 class="m-title">「オンライン×オーダー<br class="u-sp">メイド」で<br class="u-pc">様々なタイプのジュエリーをリフォーム</h2>
316                    <!--
317					<h3 class="m-subtitle">「オンライン×オーダーメイド」で実現</h3>
318					<h2 class="m-title">デザイナーとの出会いを通じて<br class="u-nopc">世界でひとつのジュエリーを</h2>
319                    -->
320				</div>
321			</div>
322		</section>
323
324		<section class="l-gallery fade-up">
325						<div id="loop" class="swiper">
326				<div class="swiper-wrapper">
327											<div class="swiper-slide">
328							<div class="swiper-slide-in">
329																<a href="https://cocon-jewelry.com/gallery/245393.html">
330																																																												<img src="/wp-content/uploads/2022/09/before-after01.jpg" />
331																																															<span>エメラルド リング</span>
332								</a>
333							</div>
334						</div>
335											<div class="swiper-slide">
336							<div class="swiper-slide-in">
337																<a href="https://cocon-jewelry.com/gallery/126322.html">
338																																																												<img src="/wp-content/uploads/2022/09/before-after05.jpg" />
339																																															<span>ダイヤモンド ピアス</span>
340								</a>
341							</div>
342						</div>
343											<div class="swiper-slide">
344							<div class="swiper-slide-in">
345																<a href="https://cocon-jewelry.com/gallery/193605.html">
346																																																												<img src="/wp-content/uploads/2022/09/before-after04.jpg" />
347																																															<span>ルビー ペンダントトップ</span>
348								</a>
349							</div>
350						</div>
351											<div class="swiper-slide">
352							<div class="swiper-slide-in">
353																<a href="https://cocon-jewelry.com/gallery/576553.html">
354																																																												<img src="/wp-content/uploads/2022/09/before-after02.jpg" />
355																																															<span>サファイヤ ペンダントトップ</span>
356								</a>
357							</div>
358						</div>
359											<div class="swiper-slide">
360							<div class="swiper-slide-in">
361																<a href="https://cocon-jewelry.com/gallery/959818.html">
362																																																												<img src="/wp-content/uploads/2022/09/before-after03.jpg" />
363																																															<span>ルビー ピンブローチ</span>
364								</a>
365							</div>
366						</div>
367										  				</div>
368				<div class="swiper-button-prev"></div>
369				<div class="swiper-button-next"></div>
370			</div>
371			<a href="/gallery/" class="underLink">事例を見る</a>
372		</section>
373		
373<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
373
374        
374<script>
375			const swiper = new Swiper('#loop', {
376				loop: true, //繰り返し指定
377				speed: 1000,
378				autoplay: {
379					delay: 2300, // 2.3秒後に次のスライド
380                    disableOnInteraction: false, // 矢印をクリックしても自動再生を止めない
381				},
382				navigation: {
383					nextEl: '.swiper-button-next',
384					prevEl: '.swiper-button-prev',
385				},
386				spaceBetween: 30, //スライド感の余白
387                slidesPerView: 1.8, //一度に表示するスライド枚数
388                centeredSlides: true, //スライダーの最初と最後に余白を追加せずスライドが真ん中に配置される
389                centeredSlidesBounds: true, //アクティブなスライドを中央に配置
390				});
391        </script>
391
392
393		<!-- section class="l-order">
394			<div class="l-content__inner">
395				<div class="l-content__heading fade-up">
396                    <h2 class="m-title">「オンライン×オーダーメイド」で<br class="u-pc">様々なタイプのジュエリーをリフォーム</h2 -->
397                    <!--
398					<h3 class="m-subtitle">「オンライン×オーダーメイド」で実現</h3>
399					<h2 class="m-title">デザイナーとの出会いを通じて<br class="u-nopc">世界でひとつのジュエリーを</h2>
400                    -->
401				<!-- /div -->
402				<!--
403								<ul class="l-creator">
404									<li class="bl-creator__item fade-up">
405						<div class="bl-creatoer__prof-reserve">
406							<a href="https://cocon-jewelry.com/designer/keiko.html" class="bl-creator__prof">
407								<figure class="bl-prof__img-wrapper"><img
408										src="/wp-content/uploads/2022/07/kitano_mono.png" alt="" importance="low" decoding="async" loading="lazy">
409								</figure>
410								<div class="bl-prof__wrapper">
411									<h4 class="m-position m-en">DESIGNER</h4>
412									<h3 class="m-name m-en">KEIKO</h3>
413								</div>
414							</a>
415							<a href="/contact/consultation/remodeling_jewelry?designerid=77" class="m-reserve m-has-arrow"><span class="m-arrow">→</span> 相談予約</a>
416						</div>
417												<div class="l-swiper__wrapper">
418							<div class="swiper slider1">
419								<div class="swiper-wrapper">
420																		<div class="swiper-slide">
421										<picture>
422											<source media="(min-width: 768px)"
423												srcset="/wp-content/uploads/2022/07/0627_cocon_3040-scaled.jpg">
424											<img src="/wp-content/uploads/2022/07/0627_cocon_3040-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy">
425										</picture>
426									</div>
427																		<div class="swiper-slide">
428										<picture>
429											<source media="(min-width: 768px)"
430												srcset="/wp-content/uploads/2022/07/0627_cocon_3085-scaled.jpg">
431											<img src="/wp-content/uploads/2022/07/0627_cocon_3085-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy">
432										</picture>
433									</div>
434																		<div class="swiper-slide">
435										<picture>
436											<source media="(min-width: 768px)"
437												srcset="/wp-content/uploads/2022/07/0627_cocon_3068-scaled.jpg">
438											<img src="/wp-content/uploads/2022/07/0627_cocon_3068-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy">
439										</picture>
440									</div>
441																		<div class="swiper-slide">
442										<picture>
443											<source media="(min-width: 768px)"
444												srcset="/wp-content/uploads/2022/07/kitano_rough-fin.jpg">
445											<img src="/wp-content/uploads/2022/07/kitano_rough-fin.jpg" alt="" importance="low" decoding="async" loading="lazy">
446										</picture>
447									</div>
448																	</div>
449								<div class="swiper-button-prev"></div>
450								<div class="swiper-button-next"></div>
451							</div>
452							<div class="swiper-pagination1"></div>
453						</div>
454												<a href="/contact/consultation/remodeling_jewelry?designerid=77" class="m-reserve">→ <p>KEIKO</p> | <p>相談予約</p></a>
455					</li>
456									<li class="bl-creator__item fade-up">
457						<div class="bl-creatoer__prof-reserve">
458							<a href="https://cocon-jewelry.com/designer/%e4%b8%ad%e6%9d%91-%e6%97%a9%e9%82%a3.html" class="bl-creator__prof">
459								<figure class="bl-prof__img-wrapper"><img
460										src="/wp-content/uploads/2022/07/nakamura_mono.png" alt="" importance="low" decoding="async" loading="lazy">
461								</figure>
462								<div class="bl-prof__wrapper">
463									<h4 class="m-position m-en">DESIGNER</h4>
464									<h3 class="m-name m-en">Sana Nakamura</h3>
465								</div>
466							</a>
467							<a href="/contact/consultation/remodeling_jewelry?designerid=224" class="m-reserve m-has-arrow"><span class="m-arrow">→</span> 相談予約</a>
468						</div>
469												<div class="l-swiper__wrapper">
470							<div class="swiper slider2">
471								<div class="swiper-wrapper">
472																		<div class="swiper-slide">
473										<picture>
474											<source media="(min-width: 768px)"
475												srcset="/wp-content/uploads/2022/07/0627_cocon_3163_nakamura-scaled.jpg">
476											<img src="/wp-content/uploads/2022/07/0627_cocon_3163_nakamura-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy">
477										</picture>
478									</div>
479																		<div class="swiper-slide">
480										<picture>
481											<source media="(min-width: 768px)"
482												srcset="/wp-content/uploads/2022/07/0627_cocon_3170_nakamura-scaled.jpg">
483											<img src="/wp-content/uploads/2022/07/0627_cocon_3170_nakamura-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy">
484										</picture>
485									</div>
486																		<div class="swiper-slide">
487										<picture>
488											<source media="(min-width: 768px)"
489												srcset="/wp-content/uploads/2022/07/0627_cocon_3270_nakamura-scaled.jpg">
490											<img src="/wp-content/uploads/2022/07/0627_cocon_3270_nakamura-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy">
491										</picture>
492									</div>
493																		<div class="swiper-slide">
494										<picture>
495											<source media="(min-width: 768px)"
496												srcset="/wp-content/uploads/2022/07/nakamura_rough-fin.jpg">
497											<img src="/wp-content/uploads/2022/07/nakamura_rough-fin.jpg" alt="" importance="low" decoding="async" loading="lazy">
498										</picture>
499									</div>
500																	</div>
501								<div class="swiper-button-prev"></div>
502								<div class="swiper-button-next"></div>
503							</div>
504							<div class="swiper-pagination2"></div>
505						</div>
506												<a href="/contact/consultation/remodeling_jewelry?designerid=224" class="m-reserve">→ <p>中村 早那</p> | <p>相談予約</p></a>
507					</li>
508									<li class="bl-creator__item fade-up">
509						<div class="bl-creatoer__prof-reserve">
510							<a href="https://cocon-jewelry.com/designer/tajima-saori.html" class="bl-creator__prof">
511								<figure class="bl-prof__img-wrapper"><img
512										src="/wp-content/uploads/2022/07/tajima_mono.png" alt="" importance="low" decoding="async" loading="lazy">
513								</figure>
514								<div class="bl-prof__wrapper">
515									<h4 class="m-position m-en">DESIGNER</h4>
516									<h3 class="m-name m-en">Saori Tajima</h3>
517								</div>
518							</a>
519							<a href="/contact/consultation/remodeling_jewelry?designerid=222" class="m-reserve m-has-arrow"><span class="m-arrow">→</span> 相談予約</a>
520						</div>
521												<div class="l-swiper__wrapper">
522							<div class="swiper slider3">
523								<div class="swiper-wrapper">
524																		<div class="swiper-slide">
525										<picture>
526											<source media="(min-width: 768px)"
527												srcset="/wp-content/uploads/2022/07/0627_cocon_3321_tajima-scaled.jpg">
528											<img src="/wp-content/uploads/2022/07/0627_cocon_3321_tajima-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy">
529										</picture>
530									</div>
531																		<div class="swiper-slide">
532										<picture>
533											<source media="(min-width: 768px)"
534												srcset="/wp-content/uploads/2022/07/0627_cocon_3310_tajima-scaled.jpg">
535											<img src="/wp-content/uploads/2022/07/0627_cocon_3310_tajima-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy">
536										</picture>
537									</div>
538																		<div class="swiper-slide">
539										<picture>
540											<source media="(min-width: 768px)"
541												srcset="/wp-content/uploads/2022/07/0627_cocon_3277_tajima-scaled.jpg">
542											<img src="/wp-content/uploads/2022/07/0627_cocon_3277_tajima-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy">
543										</picture>
544									</div>
545																		<div class="swiper-slide">
546										<picture>
547											<source media="(min-width: 768px)"
548												srcset="/wp-content/uploads/2022/07/tajima_rough-fin.jpg">
549											<img src="/wp-content/uploads/2022/07/tajima_rough-fin.jpg" alt="" importance="low" decoding="async" loading="lazy">
550										</picture>
551									</div>
552																	</div>
553								<div class="swiper-button-prev"></div>
554								<div class="swiper-button-next"></div>
555							</div>
556							<div class="swiper-pagination3"></div>
557						</div>
558												<a href="/contact/consultation/remodeling_jewelry?designerid=222" class="m-reserve">→ <p>田島さおり</p> | <p>相談予約</p></a>
559					</li>
560								</ul>
561			</div>
562		</section -->
563
564        <section class="l-useinfo">
565            <div class="l-useinfo__inner l-flex  fade-up">
566                <picture>
567                    <img src="/assets/img/home/img_craftman.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
568                </picture>
569                <h2 class="m-title">準備いただくものは<br class="u-sp">何もありません<br>まずはお気軽に<br class="u-sp">ご相談ください</h2>
570                <ul>
571                    <li class="l-useinfo__item">
572                        <div class="l-text__wrapper">
573                             <picture>
574                                 <img src="/assets/img/home/img_use01.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
575                            </picture>
576                            <p class="m-text">
576初回デザインの<br>ご相談・ご提案は無料です</p>
577                        </div>
578                        <!-- /.l-text__wrapper -->
579                    </li>
580                    <li class="l-useinfo__item">
581                        <div class="l-text__wrapper">
582                             <picture>
583                                 <img src="/assets/img/home/img_use02.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
584                            </picture>
585                            <p class="m-text">オンラインでいつでも<br>どこからでもご利用可能です</p>
586                        </div>
587                        <!-- /.l-text__wrapper -->
588                    </li>
589                    <li class="l-useinfo__item">
590                        <div class="l-text__wrapper">
591                             <picture>
592                                 <img src="/assets/img/home/img_use03.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
593                            </picture>
594                            <p class="m-text">デザイン決定後<br>丁寧かつ迅速に仕上げます</p>
595                        </div>
596                        <!-- /.l-text__wrapper -->
597                    </li>
598                </ul>
599                <div class="l-link__wrapper fade-up">
600                    <a href="/about-cocon/serviceflow/" class="m-link">ご利用の流れを見る</a>
601					<a href="/contact/" class="m-link">無料相談</a>
602                </div>
603            </div>
604        </section>
605
606        <section class="l-safe">
607            <div class="l-content__inner l-flex  fade-up">
608                <picture>
609                    <img src="/assets/img/home/img_package.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
610                </picture>
611                <h2 class="m-title">リフォームが初めてでも大丈夫<br class="u-pc">COCONは3つの「安心」を<br class="u-sp">ご用意しています</h2>
612                <ul>
613                    <li class="l-guarantee__item">
614                        <div class="l-text__wrapper">
615                            <h3 class="m-title">PRICE</h3>
616                            <p class="m-text">よいものを、適正価格で<br>わかりやすさも<br>ひとつの品質です</p>
617                        </div>
618                        <!-- /.l-text__wrapper -->
619                        <div class="l-link__wrapper">
620                            <a href="/about-cocon/price/" class="m-link">適正価格でご提供</a>
621                        </div>
622                        <!-- /.l-link__wrapper -->
623                    </li>
624				    <li class="l-guarantee__item">
625                        <div class="l-text__wrapper">
626                           <h3 class="m-title">QUALITY</h3>
627                           <p class="m-text">確かな目と、確かな腕<br>プロクオリティの<br class="u-tab">接客・制作を<br>一貫体制でお届け</p>
628                        </div>
629                        <!-- /.l-text__wrapper -->
630                        <div class="l-link__wrapper">
631                            <a href="/about-cocon/quality/" class="m-link">専門家による技術力</a>
632                        </div>
633                        <!-- /.l-link__wrapper -->
634                    </li>
635                    <li class="l-guarantee__item">
636                        <div class="l-text__wrapper">
637                            <h3 class="m-title">SUPPORT</h3>
638                            <p class="m-text">お手入れやお直しに<br class="u-tab">心を込めて<br>お届けに万全の心配りを<br>確かな安心をお約束します</p>
639                        </div>
640                        <!-- /.l-text__wrapper -->
641                        <div class="l-link__wrapper">
642                            <a href="/about-cocon/support/" class="m-link">アフターサービス・配送補償</a>
643                        </div>
644                        <!-- /.l-link__wrapper -->
645                    </li>
646                </ul>
647            </div>
648        </section>
649 <!--
650		<div class="l-gallery-craft__wrapper">
651			<div class="l-content__inner l-flex">
652				<section class="l-gallery l-card">
653					<div class="l-content__inner fade-up">
654						<div class="picture-title__wrapper">
655							<h2 class="m-title m-en u-sp">GALLERY</h2>
656							<picture>
657								<source media="(min-width: 768px)"
658									srcset="/assets/img/home/img_pc_gallery.jpg 1x, /assets/img/home/[email protected] 2x">
659								<img src="/assets/img/home/img_gallery.jpg"
660									srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
661							</picture>
662						</div>
663						<div class="l-txt-wrapper">
664							<h2 class="m-title m-en u-pc">GALLERY</h2>
665							<p class="m-text">ひとりひとりにひとつひとつのデザインを。<br class="u-pc">素敵な作品を参考に、あなたの心に響く<br
666									class="u-tab">ジュエリーを見つけてみませんか。</p>
667							<a href="/gallery" class="m-link">すべての作品を見る</a>
668						</div>
669					</div>
670				</section>
671				<section class="l-craft l-card">
672					<div class="l-content__inner fade-up">
673						<div class="picture-title__wrapper">
674							<h2 class="m-title m-en u-sp">CRAFT JEWELER</h2>
675							<picture>
676								<source media="(min-width: 768px)"
677									srcset="/assets/img/home/img_pc_craft.jpg 1x, /assets/img/home/[email protected] 2x">
678								<img src="/assets/img/home/img_craft.jpg"
679									srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
680							</picture>
681						</div>
682-->
683						<!-- /.picture-title__wrapper -->
684        <!--
685						<div class="l-txt-wrapper">
686							<h2 class="m-title m-en u-pc">CRAFT JEWELER</h2>
687							<p class="m-text">細部まで完成度の高い造形美と、<br class="u-tab">肌に心地よくなじむ仕上げ。<br
688									class="u-pc">熟練職人が生み出す最高品質のジュエリーをあなたに。
689							</p>
690							<a href="/about-cocon/quality" class="m-link">専門家による技術力</a>
691
692						</div>
693					</div>
694				</section>
695
696			</div>
697		</div>
698-->
699
700        <!--
701		<div class="l-use">
702			<div class="l-content__inner fade-up">
703				<div class="l-grid">
704					<picture class="l-img-upper">
705						<source media="(min-width: 768px)"
706							srcset="/assets/img/home/img_pc_jwelly01.jpg 1x, /assets/img/home/[email protected] 2x">
707						<img src="/assets/img/home/img_jwelly01.jpg"
708							srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
709					</picture>
710
711					<div class="l-content__heading">
712						<h3 class="m-subtitle">安心を超えた満足をお届け</h3>
713						<h2 class="m-title">最高の輝きを放つ瞬間が<br class="u-sp">あなたを待っています</h2>
714					</div>
715-->
716					<!-- /.l-content__heading -->
717        <!--
718					<p class="m-text l-text__upper">
719						身につけているときは自分の一部に。そうでないときも暮らしの一部に。お気に入りのジュエリーとともに過ごす毎日を。</p>
720
721					<picture class="l-img-bottom">
722						<source media="(min-width: 768px)"
723							srcset="/assets/img/home/img_pc_box.jpg 1x, /assets/img/home/[email protected] 2x">
724						<img src="/assets/img/home/img_box.jpg" srcset="/assets/img/home/[email protected] 2x"
725							alt="" importance="low" decoding="async" loading="lazy">
726					</picture>
727					<p class="m-text l-text__bottom">
728						収納時にも外出時にも便利なCOCON専用「JublieeBox」でお届け。リフォーム前後の写真、デザインスケッチも同封します。
729					</p>
730					<div class="l-link__wrapper">
731						<a href="/about-cocon/serviceflow"
732							class="m-link">ご利用の流れを見る</a>
733
734					</div>
735				</div>
736
737			</div>
738		</div>
739-->
740<section class="l-contact">
741            <div class="l-content__inner">
742                <picture>
743                    <img src="/assets/img/home/img_company.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
744                </picture>
745                <div class="l-txt-wrapper">
746                    <h2 class="m-title">最高の輝きを放つ瞬間が<br class="u-sp">あなたを待っています</h2>
747                    <p class="m-text">世界でひとつのジュエリーリフォームを「オンライン」で実現<br class="u-pc">ご相談・初回のデザイン提案は無料です</p>
748                </div>
749                <ul>
750                    <li><a href="/contact/">Mail</a></li>
751                    <li><a href="tel:082-545-5566" class="m-en">電話</a></li>
752                    <li><a href="https://lin.ee/ehu3AQq" target="_blank">LINE</a></li>
753                </ul>
754            </div>
755        </section>
756        <section class="l-designers">
757            <div class="l-content__inner fade-up">
758                <ul>
759                    <li>
760                        <picture>
761                            <img src="/assets/img/home/img_designers01.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
762                        </picture>
763                    </li>
764                    <li>
765                        <picture>
766                            <img src="/assets/img/home/img_designers02.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
767                        </picture>
768                    </li>
769                    <li>
770                        <picture>
771                            <img src="/assets/img/home/img_designers03.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy">
772                        </picture>
773                    </li>
774                </ul>
775                <div class="l-txt-wrapper fade-up">
776                    <h2 class="m-title">理想をカタチにする<br class="u-sp">アイデアが豊富に<br>初回のデザイン提案は<br class="u-sp">無料です</h2>
777                    <a href="/designer/" class="m-link">デザイナーのご紹介</a>
778                </div>
779            </div>
780        </section>
781
782						
783		<section class="l-company">
784            <div class="l-content__inner fade-up">
785                <picture>
786                    <source media="(min-width: 768px)"
787						srcset="/assets/img/home/bg_pc_company.jpg 1x, /assets/img/home/[email protected] 2x">
788                    <img src="/assets/img/home/bg_company.jpg" srcset="/assets/img/home/[email protected] 2x"
789						alt="" importance="low" decoding="async" loading="lazy">
790                </picture>
791
792                <div class="l-txt-wrapper">
793                    <h2 class="m-title">65年の経験と実績<br >大切なジュエリーを<br class="u-sp">徹底管理します</h2>
794                    <p class="m-text">「品質と価格」にこだわり続けて65年。<br class="u-pc">COCONを運営する株式会社WAKOは、自社工房を備えたメゾンを完備。<br class="u-pc">より細かく迅速にご要望にお応えできる環境を整えています。</p>
795                    <a href="/company" class="m-link">運営会社について</a>
796                </div>
797            </div>
798			<!-- div class="l-content__inner fade-up">
799				<picture>
800					<source media="(min-width: 768px)"
801						srcset="/assets/img/home/bg_pc_company.jpg 1x, /assets/img/home/[email protected] 2x">
802					<img src="/assets/img/home/bg_company.jpg" srcset="/assets/img/home/[email protected] 2x"
803						alt="" importance="low" decoding="async" loading="lazy">
804				</picture>
805				<div class="l-text__wrapper" -->
806					<!--<h2 class="m-title m-en">COMPANY</h2>-->
807					<!-- a href="/company" class="m-link">運営会社</a>
808				</div>
809			</div -->
810		</section>
811
812
813
814        <section class="l-news fade-up">
815			<div class="l-content__inner">
816				<div class="bl-section__heading">
817					<h2 class="m-section__title">NEWS</h2>
818					<a href="/news" class="m-section__link m-has-arrow"><span class="m-arrow">→</span> ALL</a>
819				</div>
820				<!-- /.l-section__heading -->
821				<ul class="bl-news__list">					<li class="bl-news__item">
822						<a href="https://cocon-jewelry.com/news/9291.html" class="m-news__link">
823							<time datetime="2024-08-01">2024.8.1</time>
824							<p>サイトを一部リニューアルいたしました。</p>
825						</a>
826					</li>
827									<li class="bl-news__item">
828						<a href="https://cocon-jewelry.com/news/834.html" class="m-news__link">
829							<time datetime="2023-05-10">2023.5.10</time>
830							<p>「リフォーム・オーダーメイド・修理」の無料相談をお受けしております。</p>
831						</a>
832					</li>
833									<li class="bl-news__item">
834						<a href="https://cocon-jewelry.com/news/549.html" class="m-news__link">
835							<time datetime="2022-09-15">2022.9.15</time>
836							<p>オンライン×オーダーメイドで実現する、ジュエリーリフォームブランド『CO…</p>
837						</a>
838					</li>
839				</ul>			</div>
840		</section>
841
842	</div>
843</main>
844<script>
845	/* MV切り替え */
846	document.getElementById('mainVideo').src = window.matchMedia('(min-width: 768px)').matches ? '/assets/video/vid_main-min.mp4' : '/assets/video/vid_main-min-sp.mp4';
847</script>
847
848<footer class="l-footer">
849	<div class="l-footer__inner fade-up">
850		<p class="m-footer__text">COCONは、あなただけのジュエリーリフォームを、自由度の高い「オーダーメイド×オンライン」で実現。<br>
851			デザインの相談から加工の注文、修理の依頼をWEBで気軽に。大切な宝石と紡ぐ輝きに満ちた毎日をお届けします。</p>
852		<div class="l-footer-bg-text__wrapper">
853			<div class="l-footer-text__wrapper">
854				<nav class="bl-footer-nav">
855					<ul class="bl-footer-nav__list">
856						<li class="m-footer-nav__item">
857							<a href="/company/" class="m-footer-nav__link">COMPANY
858							</a>
859						</li>
860						<li class="m-footer-nav__item">
861							<a href="/terms-and-conditions/"
862								class="m-footer-nav__link">TERMS AND CONDITIONS</a>
863						</li>
864						<li class="m-footer-nav__item">
865							<a href="/privacy/" class="m-footer-nav__link">PRIVACY
866								POLICY</a>
867						</li>
868						<li class="m-footer-nav__item">
869							<a href="/site_map/" class="m-footer-nav__link">SITE
870								MAP</a>
871						</li>
872						<li class="m-footer-nav__item m-external">
873							<a href="/coco-notes/" target="_blank" class="m-footer-nav__link">COCO Notes
874								<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
875									<path d="M10.4727 4.45547V0.902344H6.91962L10.4727 4.45547Z"/>
876									<path fill-rule="evenodd" clip-rule="evenodd" d="M3.85254 6.85327L8.94434 1.76147L9.65144 2.46858L4.55965 7.56038L3.85254 6.85327Z"/>
877									<path fill-rule="evenodd" clip-rule="evenodd" d="M0.472717 0.902222H5.32716V1.90222H1.47272V9.90222H9.47272V6.35776H10.4727V10.9022H0.472717V0.902222Z"/>
878								</svg>
879							</a>
880						</li>
881					</ul>
882				</nav>
883				<p class="m-copyright">© 2022 WAKO.INC</p>
884				<h2 class="m-footer-logo">
885					<a href="/">
886						<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
887							x="0px" y="0px" viewBox="0 0 343.3 74.8" style="enable-background:new 0 0 343.3 74.8;"
888							xml:space="preserve">
889							
890							<path class="st0" d="M51.5,25.9c-5.6-5.1-10.8-7.4-17.2-7.4c-11.8,0-19.7,8.8-19.7,21.7S22.6,62,34.4,62c6.3,0,11.1-2,17.1-7.4v16.1c-5.4,2.8-11.3,4.2-17.4,4.2C14.8,74.8,0,59.8,0,40.2S14.8,5.6,34.1,5.6c6.1,0,10.8,1.1,17.4,4.2V25.9z" />
891							<path class="st0" d="M129.8,40.7c0,19.5-15,34.2-34.8,34.2c-9.9,0-18.3-3.4-24.8-10.2c-3.2-3.2-5.7-7-7.3-11.1s-2.5-8.6-2.5-13.1c0-19.7,15-34.9,34.4-34.9C115.1,5.6,129.8,20.3,129.8,40.7z M74.9,40c0,12.8,8.6,22,20.3,22s20-9.1,20-21.5s-8.7-22-20.2
891-22C83.6,18.4,74.9,27.8,74.9,40z" />
892							<path class="st0" d="M190.1,25.9c-5.6-5.1-10.9-7.4-17.2-7.4c-11.7,0-19.7,8.8-19.7,21.7S161.2,62,173,62c6.3,0,11.1-2,17.1-7.4v16.1c-5.4,2.8-11.3,4.2-17.4,4.2c-19.3,0-34.1-15-34.1-34.7s14.8-34.6,34.1-34.6c6.1,0,10.8,1.1,17.4,4.2L190.1,25.9z" />
893							<path class="st0" d="M268.4,46.2c0-20.4-14.7-35.1-35.1-35.1S199,26.3,199,46c0,5.4,1.2,10.7,3.6,15.5s5.9,9,10.2,12.2h42c4.3-3.2,7.8-7.3,10.2-12.1C267.3,56.9,268.5,51.6,268.4,46.2z M233.9,67.6c-11.8,0-20.3-9.2-20.3-22S222.3,24,233.7,24s20.2,9.4,20.2,22S245.3,67.6,233.9,67.6z" />
894							<path class="st0" d="M254.8,0h-42c6,4.5,13.4,6.8,20.9,6.7C241.2,6.8,248.6,4.4,254.8,0z" />
895							<path class="st0" d="M343.3,73.7h-13.9l-35.1-45.8v45.8h-13.9v-67h14.4l34.6,45.4V6.7h13.9L343.3,73.7L343.3,73.7z" />
896						</svg>
897					</a>
898				</h2>
899			</div>
900			<div class="l-footer-bg"></div>
901		</div>
902		<!-- /.l-footer-bg-text__wrapper -->
903	</div>
904	<!-- /.l-footer__inner -->
905</footer>
906<script src="/assets/js/swiper-bundle.min.js" defer></script>
vendor: 1 bytes, line 906
906
907<script src="/assets/js/jquery.inview.min.js" defer></script>
vendor: 1 bytes, line 907
907
908<script src="/assets/js/libs.js" defer></script>
vendor: 1 bytes, line 908
908
909<script src="/assets/js/home.js" defer></script>
909
910<!--フッター共通パーツ-->
911<script type="speculationrules">
912{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/wako/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
913</script>
vendor: 1 bytes, line 913
913
914<script id="wp-hooks-js" src="https://cocon-jewelry.com/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 914
914
915<script id="wp-i18n-js" src="https://cocon-jewelry.com/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 915
915
916<script id="wp-i18n-js-after">
917wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
918//# sourceURL=wp-i18n-js-after
919</script>
vendor: 1 bytes, line 919
919
920<script id="swv-js" src="https://cocon-jewelry.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.4"></script>
vendor: 1 bytes, line 920
920
921<script id="contact-form-7-js-translations">
922( function( domain, translations ) {
923	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
924	localeData[""].domain = domain;
925	wp.i18n.setLocaleData( localeData, domain );
926} )( "contact-form-7", {"translation-revision-date":"2025-02-18 07:36:32+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"ja_JP"},"This contact form is placed in the wrong place.":["\u3053\u306e\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u9593\u9055\u3063\u305f\u4f4d\u7f6e\u306b\u7f6e\u304b\u308c\u3066\u3044\u307e\u3059\u3002"],"Error:":["\u30a8\u30e9\u30fc:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
927//# sourceURL=contact-form-7-js-translations
928</script>
vendor: 1 bytes, line 928
928
929<script id="contact-form-7-js-before">
930var wpcf7 = {
931    "api": {
932        "root": "https:\/\/cocon-jewelry.com\/wp-json\/",
933        "namespace": "contact-form-7\/v1"
934    }
935};
936//# sourceURL=contact-form-7-js-before
937</script>
vendor: 1 bytes, line 937
937
938<script id="contact-form-7-js" src="https://cocon-jewelry.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.4"></script>
938
939</div>
940</body>
941</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.