CINXE.COM

ECサイトのテンプレート - オンラインストア向けの無料およびプレミアムのテーマ

<!DOCTYPE html> <html class="no-js" lang="JA"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="preconnect" href="https://cdn.shopify.com" /> <link rel="icon" type="image/png" href="https://cdn.shopify.com/static/shopify-favicon.png" /> <title> ECサイトのテンプレート - オンラインストア向けの無料およびプレミアムのテーマ </title> <meta name="description" content="Shopify テーマストアには100種類以上のプロフェッショナルかつデザイン性の高い、無料およびプレミアムのECサイトのテンプレートが用意されており、あなたのオンラインストアに利用することができます。" /> <link rel="canonical" href="https://themes.shopify.com/?locale=ja"> <script nonce="">document.documentElement.classList.remove('no-js'); document.documentElement.classList.add('js')</script> <meta name="google-site-verification" content="w4um_4h92pEHOipmSk8JHS8bY0x1c80EtfJAPo_FuU0"> <meta name="google-site-verification" content="Qu2Oloy2MEBgLgnmmmCTQ-0TuRH40OIOx63D8L8MbYQ"> <meta property="og:description" content="Shopify テーマストアには100種類以上のプロフェッショナルかつデザイン性の高い、無料およびプレミアムのECサイトのテンプレートが用意されており、あなたのオンラインストアに利用することができます。"> <meta property="og:url" content="https://themes.shopify.com/?locale=ja"> <meta property="og:type" content="website"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="1bvyRdfBepTQ0z4ZVb3CUeGyIb5GHyIB2b38I0A6-ZZWQBU2EpVG3fc6csxsLxgjbZAy53_1GW6zbrsUk4R47Q" /> <meta property="og:title" content="ECサイトのテンプレート - オンラインストア向けの無料およびプレミアムのテーマ"> <meta property="og:image" content="https://cdn.shopify.com/shopifycloud/brochure/assets/home/redesign2022/social-share-large-0f279d7763f739fda50c66e7acc2d59ed2200b6c47944f804715ec4d4df4c2a3.png"> <link rel="stylesheet" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/application-c91d76ac255022de6c5ba4bac92b4da7ccb4b647637751742dbc7917d80b0ef2.css" /> <link rel="stylesheet" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/tailwind-16ef999f6774a5d44367526a1f283d3c8a5f906f592b31d191fdce9408ce2fd0.css" data-turbo-track="reload" /> <link rel="stylesheet" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/inter-font-013a82a3f24b133ada787c7ed29ae12fec6fef808a104afb5332cad9be6be848.css" data-turbo-track="reload" /> <script type="text/javascript" id="dux-data" data-mode=production> (function () { function getData(key) { const dux_info = document.getElementById('dux-data'); if (dux_info && dux_info.dataset && dux_info.dataset[key]) { return dux_info.dataset[key]; } return; } function loadScript(src) { const promise = new Promise(function(resolve, reject){ const script = document.createElement('script'); script.src = src; script.async = true; script.onload = () => { resolve(true); }; script.onerror = () => { reject(false); }; document.head.appendChild(script); }); return promise; } loadScript(`https://cdn.shopify.com/shopifycloud/dux/dux-3.4.1.min.js`).then(() => { Dux.init({ service: "themestore", mode: getData('mode') || 'development', eventHandlerEndpoint: "https://themes.shopify.com/.well-known/dux", emitTrekkiePageViewEvent: true, enableGtm: true, enableGtmLoader: false, enableActiveConsent: false, shopId: getData('shop_id'), identityUuid: getData('identity_uuid'), }); }); })(); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',"GTM-TMHDF2L");</script> <!-- End Google Tag Manager --> <script type="text/javascript"> (function(){ function trekkieLoadOnError() { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'theme_store_trekkie_load_error/1.0', { url: window.location.href, 'locale': 'ja', }); } var config = { 'Trekkie': { 'appName': 'themestore', 'defaultAttributes': { }, 'navigationTimingApiMeasurementsEnabled': true, 'navigationTimingApiMeasurementsSampleRate': 0.01, 'isServerSideCookieWritingEnabled': true }, 'Clickstream': { 'appName': 'themestore' }, 'Optimizely': {} }; var trekkie_version = '2020.07.23.1'; var analytics = window.analytics = window.analytics || []; if (analytics.integrations) { return; } analytics.methods = [ 'identify', 'page', 'ready', 'track', ]; analytics.factory = function(method){ return function(){ var args = Array.prototype.slice.call(arguments); args.unshift(method); analytics.push(args); return analytics; }; }; for (var i = 0; i < analytics.methods.length; i++) { var key = analytics.methods[i]; analytics[key] = analytics.factory(key); } analytics.load = function(config){ analytics.config = config; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = trekkieLoadOnError script.async = true; script.src = '//cdn.shopify.com/s/trekkie.' + config.Trekkie.appName + '.min.js?v=' + trekkie_version; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); }; analytics.load(config); analytics.page(); })(); </script> <link rel="alternate" href="https://themes.shopify.com/" hreflang="en"> <link rel="alternate" href="https://themes.shopify.com/?locale=de" hreflang="de"> <link rel="alternate" href="https://themes.shopify.com/?locale=es" hreflang="es"> <link rel="alternate" href="https://themes.shopify.com/?locale=fr" hreflang="fr"> <link rel="alternate" href="https://themes.shopify.com/?locale=it" hreflang="it"> <link rel="alternate" href="https://themes.shopify.com/?locale=nl" hreflang="nl"> <link rel="alternate" href="https://themes.shopify.com/?locale=nb" hreflang="nb"> <link rel="alternate" href="https://themes.shopify.com/?locale=pl" hreflang="pl"> <link rel="alternate" href="https://themes.shopify.com/?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://themes.shopify.com/?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://themes.shopify.com/?locale=fi" hreflang="fi"> <link rel="alternate" href="https://themes.shopify.com/?locale=sv" hreflang="sv"> <link rel="alternate" href="https://themes.shopify.com/?locale=tr" hreflang="tr"> <link rel="alternate" href="https://themes.shopify.com/?locale=cs" hreflang="cs"> <link rel="alternate" href="https://themes.shopify.com/?locale=th" hreflang="th"> <link rel="alternate" href="https://themes.shopify.com/?locale=ja" hreflang="ja"> <link rel="alternate" href="https://themes.shopify.com/?locale=zh-CN" hreflang="zh-Hans"> <link rel="alternate" href="https://themes.shopify.com/?locale=zh-TW" hreflang="zh-Hant-TW"> <link rel="alternate" href="https://themes.shopify.com/?locale=ko" hreflang="ko"> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); document.documentElement.className += ' tailwindcss'; </script> <script> const host = atob('dGhlbWVzLnNob3BpZnkuY29t'); if (document.location.host !== host) { document.location.assign(`https://${host}`); } </script> </head> <body class="page--themes-home shopify-sans-unsupported-lang segment-online"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMHDF2L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="GlobalIconSymbols"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="icons-polaris-thumbs-up"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" fill="currentColor" d="M12.539 14.57a9.25 9.25 0 0 1-4.074-.838l-.307-.141a3.751 3.751 0 0 0-1.158-.32v-5.222a1.5 1.5 0 0 0 .15-.099 6.489 6.489 0 0 0 2.475-3.95 1.41 1.41 0 0 1 1.378 1.557l-.133 1.26a1.75 1.75 0 0 0 1.74 1.933h1.595c.758 0 1.342.67 1.239 1.42l-.338 2.449a2.25 2.25 0 0 1-2.176 1.942l-.391.01Zm-7.039-6.32h-1v5h1v-5Zm2.34 6.845a10.75 10.75 0 0 0 4.735.975l.391-.01a3.75 3.75 0 0 0 3.626-3.236l.337-2.448a2.75 2.75 0 0 0-2.724-3.126h-1.594a.25.25 0 0 1-.249-.276l.133-1.26a2.91 2.91 0 0 0-2.894-3.214h-.364c-.5 0-.928.357-1.017.849l-.055.303a4.989 4.989 0 0 1-1.915 3.098h-2c-.69 0-1.25.56-1.25 1.25v5.5c0 .69.56 1.25 1.25 1.25h2.345c.324 0 .644.07.938.205l.307.14Z"/></svg></symbol><symbol id="icons-search"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2349_269)"> <path d="M2.5 10C2.5 5.86375 5.86375 2.5 10 2.5C14.1362 2.5 17.5 5.86375 17.5 10C17.5 14.1362 14.1362 17.5 10 17.5C5.86375 17.5 2.5 14.1362 2.5 10ZM24.6338 22.8662L17.89 16.1213C19.2573 14.3738 20.0001 12.2188 20 10C20 4.48625 15.5138 0 10 0C4.48625 0 0 4.48625 0 10C0 15.5138 4.48625 20 10 20C12.2187 19.9994 14.3734 19.2566 16.1213 17.89L22.8662 24.6338C22.9821 24.7502 23.1198 24.8427 23.2714 24.9057C23.4231 24.9688 23.5857 25.0013 23.75 25.0013C23.9143 25.0013 24.0769 24.9688 24.2286 24.9057C24.3802 24.8427 24.5179 24.7502 24.6338 24.6338C24.7499 24.5178 24.8421 24.38 24.905 24.2284C24.9679 24.0767 25.0002 23.9142 25.0002 23.75C25.0002 23.5858 24.9679 23.4233 24.905 23.2716C24.8421 23.12 24.7499 22.9822 24.6338 22.8662Z" fill="#181818" /> </g> </svg> </symbol><symbol id="shopify_themes_logo_v2"><svg width="91" height="27" viewBox="0 0 91 27" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.3923 26.4932L22.9753 24.8225C22.9753 24.8225 20.141 5.25426 20.123 5.12002C20.1049 4.98578 19.9901 4.91128 19.8947 4.90317C19.8001 4.89506 17.9467 4.86629 17.9467 4.86629C17.9467 4.86629 16.817 3.74589 16.3923 3.32178V26.4932Z" fill="black"/> <path d="M15.6759 3.09835C15.6745 3.09908 15.3848 3.19054 14.8973 3.3447C14.8157 3.07474 14.6958 2.74283 14.5246 2.40944C13.9728 1.33403 13.1645 0.765351 12.188 0.763875C12.1865 0.763875 12.1858 0.763875 12.1844 0.763875C12.1165 0.763875 12.0493 0.770514 11.9814 0.776415C11.9525 0.74101 11.9236 0.706343 11.8933 0.672414C11.4678 0.207733 10.9225 -0.018707 10.2688 0.00120795C9.00772 0.0380874 7.75165 0.968188 6.73322 2.62039C6.0167 3.78283 5.47137 5.24326 5.3168 6.37398C3.8686 6.83202 2.85595 7.15214 2.83356 7.15951C2.1026 7.39407 2.07948 7.41693 1.98414 8.12059C1.91263 8.65239 0 23.7553 0 23.7553L15.8681 26.5574V3.06515C15.79 3.07032 15.72 3.08507 15.6759 3.09835ZM12.0117 4.2571C11.1717 4.52263 10.2551 4.8125 9.33564 5.10311C9.59422 4.09188 10.0847 3.08507 10.687 2.42493C10.911 2.17931 11.2244 1.90566 11.5957 1.74929C11.9446 2.49278 12.0204 3.54533 12.0117 4.2571ZM10.2934 0.858287C10.5895 0.851649 10.8387 0.918032 11.0518 1.06112C10.7109 1.24183 10.3815 1.50146 10.0724 1.84002C9.27135 2.71775 8.6574 4.08008 8.41255 5.39446C7.64908 5.63565 6.90223 5.87242 6.21461 6.08927C6.64871 4.02033 8.34682 0.915819 10.2934 0.858287ZM7.83977 12.6442C7.925 14.0228 11.4765 14.3237 11.6759 17.5529C11.8326 20.0931 10.3562 21.8309 8.22908 21.9681C5.67578 22.1326 4.2702 20.594 4.2702 20.594L4.81119 18.2433C4.81119 18.2433 6.22617 19.3334 7.35872 19.2604C8.09835 19.2125 8.36271 18.5981 8.33599 18.1636C8.22475 16.3654 5.33269 16.4716 5.14995 13.5168C4.9961 11.0304 6.59526 8.51078 10.1237 8.2836C11.483 8.19583 12.1793 8.55061 12.1793 8.55061L11.3725 11.633C11.3725 11.633 10.4725 11.2148 9.4057 11.2834C7.84049 11.3844 7.82388 12.392 7.83977 12.6442ZM12.8503 3.9923C12.8409 3.34028 12.7651 2.43304 12.4675 1.64898C13.4245 1.83412 13.8955 2.93976 14.0948 3.59917C13.7257 3.71497 13.3054 3.84774 12.8503 3.9923Z" fill="black"/> <path d="M35.9627 7.80974L35.4563 10.5214H38.1831L37.9904 11.4681H35.2629L33.9835 18.7832C33.8429 19.6031 33.7423 20.2411 33.7423 20.906C33.7423 21.6223 34.0567 22.0569 34.7804 22.0569C35.1665 22.0569 35.4078 22.0315 35.6244 21.9548L35.6947 22.8492C35.3266 22.9662 34.9446 23.0264 34.5603 23.0281C33.1846 23.0281 32.6536 22.0591 32.6536 21.0335C32.6536 20.3678 32.7239 19.7283 32.9194 18.7824L34.2241 11.4673H32.5586L32.7274 10.5207H34.4154L34.8015 8.32107L35.9627 7.80974ZM37.9419 22.7978L41.1519 4.76562H42.2139L40.7418 12.8485H40.7897C41.7793 11.2087 43.1064 10.265 44.748 10.265C45.8579 10.265 47.306 11.032 47.306 13.2577C47.2998 13.9095 47.2434 14.5596 47.1372 15.2016L45.7861 22.7978H44.748L46.1237 15.1249C46.2211 14.5422 46.2696 13.9515 46.2686 13.3598C46.2686 12.1829 45.7137 11.2623 44.3858 11.2623C42.7203 11.2623 40.6209 13.4366 40.1384 16.1475L38.98 22.7978H37.9419ZM55.8016 22.1076C55.1981 22.5168 54.0882 23.0281 52.6366 23.0281C49.933 23.0281 48.9919 20.7771 48.9919 18.4239C48.9919 14.8945 51.3087 10.265 54.6397 10.265C56.5464 10.265 57.3425 11.5948 57.3425 12.9484C57.3425 16.0685 53.9666 16.9384 50.1749 16.913C50.0539 17.4758 50.03 19.0873 50.2713 19.9564C50.6813 21.3637 51.5745 22.0285 52.8033 22.0285C54.0826 22.0285 54.9512 21.5426 55.4822 21.2086L55.8016 22.1076ZM54.4497 11.2623C52.664 11.2623 51.047 13.3084 50.3472 15.9433C53.3638 15.9686 56.2601 15.4312 56.2601 13.0013C56.2601 11.8504 55.535 11.2623 54.4497 11.2623ZM57.9263 22.7978L59.4736 14.1268C59.7085 12.9351 59.8858 11.7315 60.0047 10.5207H60.9696L60.632 12.8992H60.7024C61.7644 11.1341 63.1155 10.265 64.4912 10.265C66.0842 10.265 66.8565 11.4159 66.9289 13.0527C67.9431 11.2109 69.3203 10.2904 70.9112 10.265C72.0457 10.265 73.4214 11.1088 73.4214 13.1809C73.411 13.8758 73.3466 14.5687 73.2287 15.2523L71.8769 22.7978H70.8387L72.1906 15.227C72.2993 14.6456 72.3558 14.0546 72.3593 13.4619C72.3593 12.1061 71.8769 11.2623 70.5497 11.2623C69.0024 11.2623 67.1224 13.1809 66.6399 15.9433L65.433 22.8008H64.3969L65.7727 15.1018C65.8873 14.5475 65.9439 13.9816 65.9415 13.4142C65.9415 12.3394 65.6524 11.2653 64.1072 11.2653C62.6112 11.2653 60.6081 13.4903 60.1495 16.0737L58.9912 22.8008L57.9263 22.7978ZM81.8916 22.1076C81.2881 22.5168 80.1776 23.0281 78.7266 23.0281C76.0237 23.0281 75.0826 20.7771 75.0826 18.4239C75.0826 14.8945 77.3994 10.265 80.7297 10.265C82.6364 10.265 83.4333 11.5948 83.4333 12.9484C83.4333 16.0685 80.0573 16.9384 76.2649 16.913C76.144 17.4758 76.1201 19.0873 76.3613 19.9564C76.772 21.3637 77.6646 22.0285 78.8933 22.0285C80.1727 22.0285 81.0413 21.5426 81.5723 21.2086L81.8916 22.1076ZM80.5398 11.2623C78.7533 11.2623 77.1364 13.3084 76.4366 15.9433C79.4538 15.9686 82.3495 15.4312 82.3495 13.0013C82.3495 11.8504 81.6285 11.2623 80.5398 11.2623ZM83.8701 21.3659C84.4802 21.7901 85.192 22.0208 85.9217 22.0308C87.4423 22.0308 88.4537 20.8799 88.4537 19.4965C88.4537 18.2681 87.9712 17.5265 86.8852 16.7848C85.7508 15.9917 85.1234 14.8923 85.1234 13.7668C85.1234 11.8482 86.5715 10.2635 88.5985 10.2635C89.3947 10.2635 90.1916 10.5445 90.5292 10.8263L90.1431 11.7722C89.7815 11.5418 89.1535 11.2608 88.4783 11.2608C87.0779 11.2608 86.1573 12.2842 86.1573 13.5626C86.1573 14.7142 86.7607 15.3515 87.7264 16.0223C88.8363 16.8154 89.5122 17.9402 89.5122 19.1685C89.5122 21.6491 87.7989 23.0303 85.8197 23.0303C84.7816 23.0303 83.8644 22.6211 83.4783 22.2887L83.8701 21.3659Z" fill="black"/> </svg> </symbol><symbol id="modules-caret-down"><svg xmlns="http://www.w3.org/2000/svg" baseProfile="tiny" viewBox="0 0 10.289 6.563"><path d="M5.212 6.563L0 1.423 1.404 0l3.788 3.735L8.865.01l1.424 1.404"/></svg></symbol><symbol id="modules-mobile-hamburger"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M19 11H1a1 1 0 110-2h18a1 1 0 110 2zm0-7H1a1 1 0 110-2h18a1 1 0 110 2zm0 14H1a1 1 0 110-2h18a1 1 0 110 2z"/></svg></symbol><symbol id="modules-cancel"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 00-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 001.414 1.414L10 11.414l6.293 6.293a.996.996 0 001.414 0 1 1 0 000-1.414L11.414 10z"/></svg></symbol><symbol id="modules-social-facebook"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M15.6 30V19.4h5V15h-5v-3.1c0-1 .6-1.9 1.3-1.9h3.8V5.6h-3.8c-3.1 0-5.6 2.8-5.6 6.3V15H7.5v4.4h3.8v10.1C4.8 27.9 0 22 0 15 0 6.7 6.7 0 15 0s15 6.7 15 15c0 8.1-6.4 14.7-14.4 15z"/></svg></symbol><symbol id="modules-social-twitter"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zm-3.7-5.5c-.8.3-1.6.6-2.5.7.9-.5 1.5-1.4 1.8-2.4-.8.5-1.7.8-2.7 1-.8-.8-1.9-1.4-3.1-1.4-2.4 0-4.2 1.9-4.2 4.3 0 .3 0 .7.1 1-3.5-.2-6.7-1.9-8.8-4.5-.3.7-.6 1.4-.6 2.2 0 1.5.7 2.8 1.9 3.5-.7 0-1.4-.2-1.9-.5 0 2.1 1.5 3.8 3.4 4.2-.3.1-.7.1-1.1.1-.3 0-.6 0-.8-.1.5 1.7 2.1 2.8 4 2.9-1.5 1.1-3.3 1.9-5.3 1.9-.3 0-.7 0-1-.1 1.9 1.2 4.1 1.9 6.5 1.9 7.8 0 12.1-6.5 12.1-12.1v-.6c.9-.4 1.6-1.2 2.2-2z"/></svg></symbol><symbol id="modules-social-youtube"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zm-5.6 0c0-6.9 0-6.9-9.4-6.9s-9.4 0-9.4 6.9 0 6.9 9.4 6.9 9.4 0 9.4-6.9zm-11.9-3.7l6.3 3.8-6.3 3.8v-7.6z"/></svg></symbol><symbol id="modules-social-instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><defs/><path fill-rule="evenodd" d="M9 0c5 0 9 4 9 9s-4 9-9 9-9-4-9-9 4-9 9-9zM6.7 3.5h4.7c1.8 0 3.2 1.4 3.2 3.1v4.7c0 1.7-1.4 3.1-3.2 3.1H6.7c-1.8 0-3.2-1.4-3.2-3.1V6.7c0-1.8 1.4-3.2 3.2-3.2zM9 6.2c1.6 0 2.9 1.3 2.9 2.9S10.6 12 9 12s-3-1.3-3-2.9 1.3-2.9 3-2.9zm0 1.2c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7-.9 0-1.7-.8-1.7-1.7 0-.9.7-1.7 1.7-1.7zm2.8-1.7c.3 0 .6.2.6.6 0 .3-.2.6-.6.6-.3 0-.6-.2-.6-.6 0-.4.3-.6.6-.6zm-4.6-1h3.7c1.4 0 2.5 1.1 2.5 2.5v3.7c0 1.4-1.1 2.5-2.5 2.5H7.2c-1.4 0-2.5-1.1-2.5-2.5V7.2c-.1-1.4 1.1-2.5 2.5-2.5z" clip-rule="evenodd"/></svg> </symbol><symbol id="modules-social-linkedin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zM11.3 7.8c0-1.2-1-2.2-2.5-2.2s-2.5.9-2.5 2.2c0 1.2 1 2.2 2.5 2.2s2.5-1 2.5-2.2zm-.7 4.1H6.9v10.6h3.8V11.9zm13.8 5c0-3.4-1.7-5.6-4.4-5.6-1.5 0-2.6.9-3.1 2.3l-.1-1.6H13c0 .4.1 2.5.1 2.5v8.1h3.8V17c0-1.5.7-2.5 1.8-2.5s1.9.6 1.9 2.5v5.6h3.8v-5.7z"/></svg></symbol><symbol id="modules-social-pinterest"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M15 30c-1.5 0-2.9-.2-4.3-.6.6-.9 1.2-2 1.5-3.2.2-.7 1-4.1 1-4.1.5 1 2 1.9 3.7 1.9 4.8 0 8.1-4.4 8.1-10.3 0-4.4-3.8-8.6-9.5-8.6-7.1-.1-10.6 5-10.6 9.3 0 2.6 1 4.9 3.1 5.7.3.1.7 0 .8-.4.1-.2.2-.9.3-1.2.1-.4 0-.5-.2-.8-.6-.7-1-1.6-1-3 0-3.8 2.8-7.2 7.4-7.2 4 0 6.2 2.5 6.2 5.8 0 4.3-1.9 8-4.8 8-1.6 0-2.7-1.3-2.4-2.9.5-1.9 1.3-4 1.3-5.3 0-1.2-.7-2.3-2-2.3-1.6 0-2.9 1.7-2.9 3.9 0 1.4.5 2.4.5 2.4S9.5 24 9.3 25.3c-.3 1.1-.4 2.4-.3 3.5-5.3-2.4-9-7.7-9-13.8C0 6.7 6.7 0 15 0s15 6.7 15 15-6.7 15-15 15z"/></svg></symbol><symbol id="icons-globe"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M22.54.16c-.29-.04-.58-.07-.88-.09C21.12.02 20.56 0 20 0c-3.15 0-6.13.73-8.78 2.03-.4.19-.78.4-1.16.62C4.05 6.1 0 12.59 0 20c0 6.08 2.73 11.54 7.02 15.2.32.28.64.54.98.8 3.34 2.51 7.5 4 12 4 5.62 0 10.71-2.33 14.34-6.07.21-.21.41-.43.61-.65C38.09 29.75 40 25.09 40 20 40 9.83 32.37 1.41 22.54.16zm11.19 31.45c-.42.52-.88 1-1.37 1.45C29.13 36.12 24.78 38 20 38c-3.89 0-7.49-1.24-10.44-3.35-.54-.39-1.06-.8-1.56-1.25-.74-.65-1.42-1.37-2.03-2.15v-.01c-.76-.93-1.42-1.94-1.97-3.02-1.28-2.46-2-5.26-2-8.22 0-2.05.34-4.02.99-5.85.27-.81.6-1.58.99-2.33.01-.01.01-.03.02-.04.46-.91 1-1.77 1.61-2.57C6.58 7.92 7.72 6.76 9 5.77c.63-.5 1.3-.95 2-1.34.03-.02.07-.04.1-.06.65-.38 1.33-.71 2.03-1 .29-.13.58-.24.87-.34.65-.23 1.31-.42 2-.57.97-.23 1.97-.38 3-.43.33-.02.66-.03 1-.03.12 0 .24 0 .36.01.22 0 .43.01.64.02.46.03.91.07 1.36.13C31.17 3.32 38 10.88 38 20c0 4.42-1.6 8.48-4.27 11.61z"/><path d="M11.22 4.03c-.4.19-.78.4-1.16.62a.98.98 0 0 1 1.16-.62zM23.07 25.9c-.73 1.07-1.1 1.99-1.19 2.99-.07.71-.57 1.49-1.16 1.81-.4.22-.6.5-.78 1.09-.14.44-.39.88-.78 1.34-.58.7-1.7 2.41-2.31 3.4a1.287 1.287 0 0 1-1.38.61c-1.67-.36-3.1-4.54-3.32-6.18-.16-1.21-.37-1.88-1.11-2.34-.98-.62-1.5-1.43-1.55-2.43-.02-.4-.17-.66-.54-.95-1.13-.86-1.49-2.17-.98-3.61.14-.4.32-.76.49-1.11.08-.14.15-.28.21-.42.06-.12.1-.22.14-.3-.96-.11-1.61-.8-1.97-1.18-.48-.51-1.18-.92-1.87-1.32l-.09-.06c-1.2-.7-1.81-1.69-1.81-2.95-.01-.02-.04-.08-.08-.14.27-.81.6-1.58.99-2.33.02.06.02.13.02.19.02.07.24.39.37.59.33.49.7 1.05.7 1.69 0 .45.14.83.82 1.23l.09.05c.77.45 1.64.96 2.32 1.68.62.66.77.6 1.01.51.43-.15.9 0 1.16.36.81 1.14.34 2.15.05 2.75-.11.24-.19.39-.27.55-.15.31-.3.6-.4.88-.27.78 0 1.12.3 1.35.85.64 1.29 1.44 1.34 2.45.01.21.09.49.62.82 1.54.97 1.85 2.46 2.03 3.78.18 1.4.94 3.14 1.49 4.02.54-.84 1.41-2.18 2-2.88.26-.3.36-.51.39-.63.23-.74.63-1.66 1.75-2.27.02-.02.11-.18.12-.25.12-1.33.61-2.57 1.53-3.92.51-.74.46-.98.46-.98s-.11-.24-1.08-.58l-.11-.04c-1.12-.39-2-.69-3.01-.28a.999.999 0 0 1-1.37-.93c0-.1-.01-.18-.01-.26-.01-.19-.01-.39.03-.62.05-.22.2-.9.15-1.07-.06-.06-.36-.23-.88-.46-.03-.01-.13-.05-.25-.13-.21-.12-.42-.27-.63-.42-.39-.27-.76-.53-1.11-.64-.34-.1-.78-.11-1.28-.11-.22 0-.45-.01-.68-.01-.56.13-1.27-.01-1.77-1.15-.05-.12-.15-.35-.21-.4-.2-.04-.41-.15-.55-.3-1.26-1.35-.78-2.4-.51-2.79.69-1.01 2.25-1.27 3.29-1.06.13-.11.29-.26.44-.39.66-.62 1.66-1.53 3.19-2.49.05-.22.11-.6.15-.88.07-.41.13-.82.23-1.19-2.6-1.63-4.04-2.64-4.81-3.22.65-.38 1.33-.71 2.03-1 .92.65 2.37 1.62 4.65 3.03.34.21.52.61.46 1a.99.99 0 0 1-.38.64c-.07.24-.15.73-.2 1.05-.16 1.03-.3 1.93-1.03 2.24-1.4.87-2.32 1.72-2.94 2.29-.73.68-1.31 1.22-2.1.9-.32-.12-1.02-.01-1.27.16.02.04.05.09.1.16.77.3 1.09.98 1.27 1.4.23.01.44.01.65.01.62 0 1.25.01 1.88.21.63.2 1.17.57 1.64.9.16.11.33.23.49.33.03.01.06.03.09.04 1.7.77 2.19 1.4 1.99 2.97 1.08-.07 2.04.28 2.92.58l.1.04c.91.32 1.99.81 2.33 1.85.34 1.02-.24 2.05-.71 2.73zm-.53-23.74c-.29-.04-.58-.07-.88-.09.3-.12.63-.07.88.09zm11.19 29.45c-.42.52-.88 1-1.37 1.45-1.72-1.57-2.78-4.26-2.36-5.74.18-.67.36-2.18.28-2.6-.51-.85-.98-1.68-.87-2.82-.22-.21-.42-.45-.6-.67l-.16-.19c-.26.12-.51.23-.76.33-1.64.64-2.78-1.04-3.54-2.16-.1-.16-.21-.32-.31-.46-.53-.74-1.09-1.46-1.6-2.12l-.59-.77c-.17-.23-.24-.51-.19-.79.06-.32.14-.61.21-.88s.16-.64.14-.75c-.05-.21-.1-.38-.14-.52-.33-1.18-.07-1.53.86-2.54.34-.37.49-.38 2.93-.68 1.14-.14 3.22-.39 3.8-.56.08-.06.17-.11.27-.15.08-.03.16-.13.22-.25.07-.16.06-.29.05-.31-.16.04-.82.13-1.36.2-3.02.42-4.84.67-5.08-.74 0-.06-.01-.12-.01-.17-.23-.54-1.38-2.12-1.87-2.56-.04-.03-.07-.07-.1-.11-.9-1.08-1.31-2.1-1.22-3.04.22 0 .43.01.64.02.46.03.91.07 1.36.13v.02c-.05.37.22.95.74 1.58.38.4 1.8 1.93 2.28 3.2h.01c.74 0 2.2-.2 2.98-.31 1.01-.14 1.48-.19 1.78-.17.99.08 1.71.75 1.84 1.7.14 1.01-.41 2.07-1.28 2.55-.5.42-1.72.58-4.81.96-.68.08-1.49.18-1.87.24-.11.12-.21.23-.28.3.02.05.03.09.05.15.04.16.1.36.16.61.13.59-.01 1.16-.16 1.71-.03.1-.05.2-.08.31l.31.4c.52.68 1.09 1.42 1.63 2.18.11.15.23.32.35.5.29.43.91 1.34 1.21 1.41.2-.1.46-.22.73-.34l.46-.21c.25-.11.53-.12.79-.01.48.2.82.62 1.15 1.02.16.19.43.52.55.58.42.22.7.73.57 1.19-.2.7-.03 1.03.56 2.04.64 1.07-.1 4.06-.11 4.08-.19.7.59 2.67 1.81 3.76z"/></svg </symbol><symbol id="modules-nav-arrow-down"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 5"><path d="M0 0l5 5 5-5H0z"/></svg></symbol><symbol id="modules-search"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.552 13.62L11.27 9.333a6.083 6.083 0 00.925-3.23A6.099 6.099 0 100 6.103a6.098 6.098 0 009.342 5.165l4.28 4.283c.295.3.68.45 1.063.45h.005c.333 0 .674-.12.93-.373.258-.26.38-.6.38-.94 0-.382-.154-.768-.448-1.063zM9.498 6.102a3.41 3.41 0 01-3.4 3.402 3.41 3.41 0 01-3.4-3.402 3.412 3.412 0 013.4-3.404 3.41 3.41 0 013.4 3.403z"/></svg></symbol></svg></div> <div class="signup-form-wrapper signup--hidden " data-define="{form_0: new SignupForm(this)}"> <form class="marketing-form signup-form stateful-form" novalidate="novalidate" autocomplete="off" data-namespace="form_0" data-hidden-fields-namespace="hiddenFields_0" data-bind-event-submit="form_0.handleSubmit(this, event)" action="https://accounts.shopify.com/store-create" accept-charset="UTF-8" method="post"> <div data-define="{ email0: new StatefulField( &#39;email&#39;, form_0, this, { required: true, validate: true, live: false, showHint: true, showError: true }, {}, &#39;form_0&#39; )} " class="stateful-field email "><div data-context="email0"><label class="marketing-label__title" for="0_signup_email">メールアドレス</label><label data-bind-class="{&#39;js-has-error&#39;: state.error,&#39;js-is-filled&#39;: state.filled || state.value.length &gt; 0,&#39;js-has-hint&#39;: !state.error &amp;&amp; state.hint}" class="marketing-input-wrapper"><span class="marketing-label marketing-label--hidden visuallyhidden">Email</span><input aria-describedby="MessageId_5c78" name="signup[email]" type="email" autocomplete="email" data-bind="state.value" data-bind-event-blur="ShopifyMarketing.context.form_0.handleFieldBlur(ShopifyMarketing.context.email0)" data-bind-event-keyup="ShopifyMarketing.context.form_0.handleFieldKeyup(event, ShopifyMarketing.context.email0)" class="marketing-input" id="0_signup_email" /></label><span class="marketing-form__messages" id="MessageId_5c78"><span class="suggest hide" data-bind-unsafe-html="displayHint()" data-bind-show="!state.error &amp;&amp; state.hint"></span><span class="error hide" data-bind="displayError()" data-bind-show="state.error == true"></span></span></div></div> <div data-define="{hiddenFields_0: new HiddenFields({ source: &quot;&quot;, source_url: &quot;&quot;, source_url_referer: &quot;&quot;, signup_code: &quot;&quot;, signup_page: &quot;&quot;, signup_page_referer: &quot;&quot;, signup_types: [&quot;online_store&quot;], theme: &quot;&quot;, selected_app: &quot;&quot;, selected_plan: &quot;&quot;, domain_to_connect: &quot;&quot;, }, this)}"> <div data-context="hiddenFields_0"> <input type="hidden" name="ref" value=""> <input type="hidden" name="language" value="ja"> <input type="hidden" name="locale" value="en"> <input type="hidden" name="_y" data-bind="fields.y"> <input type="hidden" name="ssid" data-bind="fields.ssid"> <input type="hidden" name="source" data-bind="fields.source"> <input type="hidden" name="source_url" data-bind="fields.source_url"> <input type="hidden" name="source_url_referer" data-bind="fields.source_url_referer"> <input type="hidden" name="signup_code" data-bind="fields.signup_code"> <input type="hidden" name="signup_page" data-bind="fields.signup_page"> <input type="hidden" name="signup_page_referer" data-bind="fields.signup_page_referer"> <input type="hidden" name="promotional_program_code" value=""> <input type="hidden" name="domain_to_connect" data-bind="fields.domain_to_connect"> <input type="hidden" name="signup_types[]" value="online_store"> <input type="hidden" name="signup_types[]" data-bind-disabled="fields.signup_types" data-bind="fields.signup_type"> <input type="hidden" name="extra[selected_theme]" data-bind="fields.theme"> <input type="hidden" name="extra[selected_app]" data-bind="fields.selected_app"> <input type="hidden" name="extra[selected_plan]" data-bind="fields.selected_plan"> </div> </div> <div class=" cta_wrapper"> <button class="marketing-button marketing-form__button " name="button" data-bind-disabled="form_0.pending == true" type="submit">自分のストアを作ってみよう</button> </div> </form> </div> <div id="Announcements"> </div> <div class="theme-search-overlay" id="ThemeSearchOverlay"> <div class="theme-search-margin"> <div class="theme-search" id="SearchThemes"> <form class="theme-search__form" action="/themes?locale=ja" role="search"> <input type="search" name="q" id="q" class="marketing-input theme-search__input gutter-bottom--reset" placeholder="機能、スタイル、またはデザイナー名で検索する" autocomplete="off" required="required" aria-controls="searchResultsScreenReaderText" maxLength="50" /> <button name="button" type="button" class="theme-search__input-button theme-search__input-clear-button">クリア</button> <button name="button" type="button" class="theme-search__input-button theme-search__input-close-button"> <svg class="icon theme-search__input-icon" aria-labelledby="icon-modules-cancel-21-title" role="img"><title id="icon-modules-cancel-21-title">検索を閉じる</title> <use xlink:href="#modules-cancel" /> </svg> </button> </form> <div class="theme-search__results" id="SearchResultsPopover" aria-controls="searchResultsScreenReaderText" tabindex="1"> <div class="theme-search__results-section theme-search__results-section--empty"> <ul class="theme-search__results-list"> <li class="theme-search__results-list-item"> <a href="/themes?locale=ja&amp;price=free" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">無料のテーマ</span> <span class="theme-search__results-type">価格</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?industry=jewelry-and-accessories&amp;locale=ja" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">ジュエリーとアクセサリー</span> <span class="theme-search__results-type">業界</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?catalog-size=small-catalog&amp;locale=ja" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">小規模のカタログ</span> <span class="theme-search__results-type">カタログサイズ</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?industry=food-and-drink&amp;locale=ja" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">食品・飲料品</span> <span class="theme-search__results-type">業界</span> </a> </li> </ul> </div> <div class="theme-search__results-section theme-search__results-section--quick-links"> <ul class="theme-search__results-list"></ul> </div> <div class="theme-search__results-section theme-search__results-section--suggestions"> <p class="theme-search__results-label"> <svg class="icon theme-search__results-label-icon" aria-labelledby="icon-modules-search-22-title" role="img"><title id="icon-modules-search-22-title">テーマストアを検索する</title> <use xlink:href="#modules-search" /> </svg> <span>候補</span> </p> <ul class="theme-search__results-list"></ul> </div> </div> <div id="searchResultsScreenReaderText" class="visuallyhidden" aria-live="polite"></div> </div> </div> </div> <div class="marketing-nav--theme-listing" data-section-name="global-nav"> <div class="tw-container"> <header id="SiteNavContainer" class="site-nav-container "> <div class="marketing-nav-wrapper"> <a class="in-page-link skip-to-main visuallyhidden focusable" data-ga-event="Main Nav" data-ga-action="Skip to content" data-trekkie-event="Main Nav" data-trekkie-action="Skip to content" data-trekkie-id="Main Nav Skip to content" href="#Main">コンテンツにスキップ</a> <nav class="marketing-nav--skin-light marketing-nav marketing-nav--primary" id="ShopifyMainNav" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"> <div class="marketing-nav__logo "> <a href="/?locale=ja" class="theme-store-logo" data-ga-event="Main Nav" data-ga-action="Logo" data-trekkie-event="Main Nav" data-trekkie-action="Logo" data-trekkie-id="Main Nav Logo"> <svg class="icon" aria-labelledby="icon-shopify_themes_logo_v2-7-title" role="img"><title id="icon-shopify_themes_logo_v2-7-title">Shopify</title> <use xlink:href="#shopify_themes_logo_v2" /> </svg> </a> </div> <ul class="marketing-nav__items display--expanded-nav"> <li><div class="popover-wrapper js-popover-dropdown popover-wrapper--dropdown" data-position="bottom" data-align="left"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--primary" itemprop="name">コレクション<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="#modules-caret-down" /> </svg></button><div class="popover"><div class="popover__content"><ul class="popover__list"><li><a href="/collections/large-inventory?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=1&amp;surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="large-inventory">商品数が200点を超える</a></li><li><a href="/collections/small-inventory?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=2&amp;surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="small-inventory">商品数が1~9点</a></li><li><a href="/collections/free-themes?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=3&amp;surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="free-themes">無料のテーマ</a></li><li><a href="/collections/selling-in-person?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=4&amp;surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-in-person">実店舗販売</a></li><li><a href="/collections/selling-internationally?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=5&amp;surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-internationally">国際的な販売</a></li><li><a href="/collections/minimalist?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=6&amp;surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="minimalist">ミニマリストスタイル</a></li><li><a href="/collections/trending-themes?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=7&amp;surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="trending-themes">今週のトレンド</a></li><li><a href="/collections/new-themes?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=8&amp;surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="new-themes">新作テーマ</a></li></ul></div></div></div></li><li><a href="https://themes.shopify.com/themes?locale=ja&amp;surface_detail=navbar-all-themes&amp;surface_inter_position=2&amp;surface_intra_position=1&amp;surface_type=nav" class="marketing-nav__item marketing-nav__item--primary" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="All themes">すべてのテーマ</a></li> </ul> <button name="button" type="submit" class="theme-search-overlay__activator marketing-nav__item marketing-nav__item--user" data-module="theme-search-activator" aria-expanded="false" aria-controls="ThemeSearchOverlay" aria-label="テーマストアを検索する"> <svg class="icon theme-search-overlay__activator-icon tw-w-8 tw-h-8 tw-mt-[2px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-search" /> </svg> <span class="theme-search-menu-label">検索</span> </button> <ul class="marketing-nav__items marketing-nav__user display--expanded-nav"> <li><a href="/login?ui_locales=ja" class="marketing-nav__item marketing-nav__item--user hide--mobile hide--tablet" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in">ログイン</a></li><li><a href="https://accounts.shopify.com/store-create?_s=b1d7f69d-85b7-426c-9d79-27007399d1b1&amp;_y=0cae31a8-3239-4c3d-84d0-85c48ea1948b&amp;account_signup=true&amp;locale=ja&amp;signup_types%5B%5D=online_store" class="marketing-nav__item marketing-nav__item--user tw-text-white js-open-signup get-started--nav tw-text-white tw-bg-black hover:tw-bg-grey-900 tw-border tw-border-black tw-border-1 tw-rounded-full tw-px-6 tw-py-3 tw-shrink hover:tw-bg-transparent hover:tw-text-black tw-shadow-none hover:tw-shadow-none marketing-nav__button focus:tw-shadow-none focus:tw-ring-2 focus:tw-ring-[#6366f1] marketing-button marketing-button--small start-free-trial__button" itemprop="name" data-ga-event="Main Nav" data-ga-action="Get Started">サインアップ</a></li> </ul> <button name="button" type="button" class="marketing-nav__hamburger hide--expanded-nav js-drawer-open-right" aria-haspopup="dialog" aria-expanded="false" data-ga-event="Main Nav" data-ga-action="Hamburger"> <svg class="icon" aria-labelledby="icon-modules-mobile-hamburger-9-title" role="img"><title id="icon-modules-mobile-hamburger-9-title">メインメニューを開く</title> <use xlink:href="#modules-mobile-hamburger" /> </svg> </button> </nav> </div> <div id="NavDrawer" class="drawer drawer--right" role="dialog" aria-modal="true" aria-labelledby="DrawerTitle"> <div class="drawer__inner"> <div class="drawer__top"> <div class="marketing-nav__logo"> <a href="/?locale=ja" class="theme-store-logo"> <svg class="icon" aria-labelledby="icon-shopify_themes_logo_v2-10-title" role="img"><title id="icon-shopify_themes_logo_v2-10-title">ホーム</title> <use xlink:href="#shopify_themes_logo_v2" /> </svg> </a> </div> <button name="button" type="button" class="drawer__close-button js-drawer-close" data-ga-event="Main Nav" data-ga-action="close navigation"> <svg class="icon" aria-labelledby="icon-modules-cancel-11-title" role="img"><title id="icon-modules-cancel-11-title">メインメニューを閉じる</title> <use xlink:href="#modules-cancel" /> </svg> </button> </div> <nav id="DrawerTitle" aria-label="メインメニュー"> <ul class="drawer__items drawer__items--primary" id="DrawerNavPrimaryAccordion"> <li class="accordion-item"><button name="button" type="button" class="drawer__item drawer__item--primary accordion-link">コレクション<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="#modules-caret-down" /> </svg></button><div class="drawer__items-wrapper accordion-content"><ul class="drawer__items drawer__items--nested"><li><a href="/collections/large-inventory?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=1&amp;surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="large-inventory">商品数が200点を超える</a></li><li><a href="/collections/small-inventory?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=2&amp;surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="small-inventory">商品数が1~9点</a></li><li><a href="/collections/free-themes?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=3&amp;surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="free-themes">無料のテーマ</a></li><li><a href="/collections/selling-in-person?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=4&amp;surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-in-person">実店舗販売</a></li><li><a href="/collections/selling-internationally?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=5&amp;surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-internationally">国際的な販売</a></li><li><a href="/collections/minimalist?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=6&amp;surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="minimalist">ミニマリストスタイル</a></li><li><a href="/collections/trending-themes?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=7&amp;surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="trending-themes">今週のトレンド</a></li><li><a href="/collections/new-themes?locale=ja&amp;surface_detail=navbar-collections&amp;surface_inter_position=1&amp;surface_intra_position=8&amp;surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="new-themes">新作テーマ</a></li></ul></div></li><li><a href="https://themes.shopify.com/themes?locale=ja&amp;surface_detail=navbar-all-themes&amp;surface_inter_position=2&amp;surface_intra_position=1&amp;surface_type=nav" class="drawer__item drawer__item--primary" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="All themes">すべてのテーマ</a></li><li><a href="/login?ui_locales=ja" class="drawer__item drawer__item--primary" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in">ログイン</a></li> </ul> <ul class="drawer__items drawer__items--user" id="DrawerNavSecondaryAccordion"> <li><a href="/login?ui_locales=ja" class="drawer__item hide--mobile hide--tablet" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in">ログイン</a></li><li><a href="https://accounts.shopify.com/store-create?_s=b1d7f69d-85b7-426c-9d79-27007399d1b1&amp;_y=0cae31a8-3239-4c3d-84d0-85c48ea1948b&amp;account_signup=true&amp;locale=ja&amp;signup_types%5B%5D=online_store" class="drawer__item tw-text-white js-open-signup get-started--nav tw-text-white tw-bg-black hover:tw-bg-grey-900 tw-border tw-border-black tw-border-1 tw-rounded-full tw-px-6 tw-py-3 tw-shrink hover:tw-bg-transparent hover:tw-text-black tw-shadow-none hover:tw-shadow-none marketing-nav__button focus:tw-shadow-none focus:tw-ring-2 focus:tw-ring-[#6366f1] marketing-button marketing-button--small start-free-trial__button" data-ga-event="Main Nav" data-ga-action="Get Started">サインアップ</a></li> </ul> <ul class="drawer__items drawer__items--corporate"> <li><a href="https://www.shopify.com/about" class="drawer__item external-nav-link" target="_blank">Shopifyについて</a></li><li><a href="https://www.shopify.com/careers" class="drawer__item external-nav-link" target="_blank">採用情報</a></li><li><a href="https://news.shopify.com" class="drawer__item external-nav-link" target="_blank">プレスとメディア</a></li><li><a href="https://www.shopify.com/plus" class="drawer__item external-nav-link" target="_blank">エンタープライズ</a></li><li><a href="https://www.shopify.com/jp/sitemap" class="drawer__item">サイトマップ</a></li> </ul> </nav> </div> </div> </header> </div> </div> <div hidden="hidden"><span id="NewWindow">新しいウィンドウで開く</span><span id="ExternalSite">外部リンクを開く</span><span id="NewWindowExternalSite">外部リンクを新しいウィンドウで開く</span></div> <div id="PageContainer"> <main role="main" id="Main"> <div id="theme-home-data" data-themes-grid-first-row-surface-impression="{&quot;themeIds&quot;:[2048,1399,1839],&quot;surfaceType&quot;:&quot;home&quot;,&quot;surfaceDetail&quot;:&quot;themes-grid-first-row&quot;,&quot;surfaceInterPosition&quot;:1}" data-new-themes-surface-impression="{&quot;themeIds&quot;:[3341,3121,2732,3247],&quot;surfaceType&quot;:&quot;home&quot;,&quot;surfaceDetail&quot;:&quot;themes-grid-new&quot;,&quot;surfaceInterPosition&quot;:2}" data-testimonials-surface-impression="{&quot;themeIds&quot;:[855,777,1535,836,739,801],&quot;surfaceType&quot;:&quot;home&quot;,&quot;surfaceDetail&quot;:&quot;testimonials&quot;,&quot;surfaceInterPosition&quot;:3}" data-community-first-row-surface-impression="{&quot;themeIds&quot;:[732,2346,757,732,2346],&quot;surfaceType&quot;:&quot;home&quot;,&quot;surfaceDetail&quot;:&quot;community-first-row&quot;,&quot;surfaceInterPosition&quot;:4}" data-community-second-row-surface-impression="{&quot;themeIds&quot;:[732,732,757,757,2346],&quot;surfaceType&quot;:&quot;home&quot;,&quot;surfaceDetail&quot;:&quot;community-second-row&quot;,&quot;surfaceInterPosition&quot;:5}"></div> <section class="hero tw-container tw-pt-xl tw-pb-xl md:tw-pb-2xl md:tw-flex tw-items-end tw-justify-between tw-gap-lg"> <div> <h1 class="tw-text-display-3 tw-pb-md tw-text-balance">ビジネスにぴったりのテーマを選択</h1> <p class="tw-text-body-2xl tw-text-pretty tw-pb-md md:tw-text-balance">最も必要としている機能が備わったデザインをベースに、自社に合わせてデザインをカスタマイズ</p> </div> <a href="/themes?locale=ja&amp;surface_detail=browse_themes_link&amp;surface_type=home" class="tw-inline-block tw-button-base tw-button-md tw-button-primary tw-text-nowrap">テーマを閲覧する</a> </section> <section class="themes tw-container"> <div class="tw-my-lg md:tw-my-xl"> <h2 class="tw-text-heading-2xl tw-pb-xs">人気のテーマ</h2> <p class="tw-text-body-md tw-text-fg-secondary">柔軟性が高く、定期的にShopifyの最新機能に更新</p> </div> <div class="tw-grid md:tw-grid-cols-3 md:tw-gap-gutter--mobile lg:tw-gap-gutter--desktop theme-homepage__top-themes"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2710" data-trekkie-style-handle="puff" data-trekkie-theme-handle="eurus" data-trekkie-theme-id="2048" data-theme-id="2048" data-theme-name="Eurus" data-style-id="2710" data-style-name="Puff" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Eurusテーマの詳細" href="/themes/eurus/styles/puff?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=1&amp;surface_type=home"> <div class="style-images " data-style="eurus-puff"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #606B57"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Eurus」スタイルのPuffのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/nh22oivxzwkpwxhhy4tywm1xgumg.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Eurus」スタイルのPuffのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/7uazpe5ujenw3z43rcew7tgh5meo.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eurus</h4> </div> </a> <a data-trekkie-style-id="2208" data-trekkie-style-handle="breeze" data-trekkie-theme-handle="eurus" data-trekkie-theme-id="2048" data-theme-id="2048" data-theme-name="Eurus" data-style-id="2208" data-style-name="Breeze" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Eurusテーマの詳細" href="/themes/eurus/styles/breeze?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=1&amp;surface_type=home"> <div class="style-images hidden" data-style="eurus-breeze"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #743718"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Eurus」スタイルのBreezeのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/70k1pmgaogh8u2f0dyntg5idseth.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Eurus」スタイルのBreezeのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/pdmw3axwd1jvyj4bq1pb2bzmj2bp.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eurus</h4> </div> </a> <a data-trekkie-style-id="2545" data-trekkie-style-handle="breath" data-trekkie-theme-handle="eurus" data-trekkie-theme-id="2048" data-theme-id="2048" data-theme-name="Eurus" data-style-id="2545" data-style-name="Breath" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Eurusテーマの詳細" href="/themes/eurus/styles/breath?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=1&amp;surface_type=home"> <div class="style-images hidden" data-style="eurus-breath"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #154326"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Eurus」スタイルのBreathのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/ulsx01ddngk2z7vi9sxtcayt27oi.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Eurus」スタイルのBreathのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/7gltbv4q9rd33uf2bt9y1hltf57w.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eurus</h4> </div> </a> <a data-trekkie-style-id="2595" data-trekkie-style-handle="swirl" data-trekkie-theme-handle="eurus" data-trekkie-theme-id="2048" data-theme-id="2048" data-theme-name="Eurus" data-style-id="2595" data-style-name="Swirl" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Eurusテーマの詳細" href="/themes/eurus/styles/swirl?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=1&amp;surface_type=home"> <div class="style-images hidden" data-style="eurus-swirl"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #2CB29B"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Eurus」スタイルのSwirlのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/wltxh9wndjvelhcj14xzj7irn933.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Eurus」スタイルのSwirlのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/ymf56sk2hucxlxdzpcy6nkpt3xvh.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eurus</h4> </div> </a> <a data-trekkie-style-id="2649" data-trekkie-style-handle="whiff" data-trekkie-theme-handle="eurus" data-trekkie-theme-id="2048" data-theme-id="2048" data-theme-name="Eurus" data-style-id="2649" data-style-name="Whiff" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Eurusテーマの詳細" href="/themes/eurus/styles/whiff?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=1&amp;surface_type=home"> <div class="style-images hidden" data-style="eurus-whiff"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #F6E7D7"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Eurus」スタイルのWhiffのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/4o5dq52laolfc0qv7j6r0sx5jgcp.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Eurus」スタイルのWhiffのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/xcy8woooll4jhtbdw0blt54ragjf.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Eurus</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-eurus-puff" tabindex="0" data-style="eurus-puff" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #606B57"></label> <input id="style-eurus-puff" name="style" class="hidden" type="radio" value="puff"> <label for="style-eurus-breeze" tabindex="0" data-style="eurus-breeze" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #743718"></label> <input id="style-eurus-breeze" name="style" class="hidden" type="radio" value="breeze"> <label for="style-eurus-breath" tabindex="0" data-style="eurus-breath" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #154326"></label> <input id="style-eurus-breath" name="style" class="hidden" type="radio" value="breath"> <label for="style-eurus-swirl" tabindex="0" data-style="eurus-swirl" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #2CB29B"></label> <input id="style-eurus-swirl" name="style" class="hidden" type="radio" value="swirl"> <label for="style-eurus-whiff" tabindex="0" data-style="eurus-whiff" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #F6E7D7"></label> <input id="style-eurus-whiff" name="style" class="hidden" type="radio" value="whiff"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$300 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">100% (223)</span> </li> </ul> </div> </article> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1785" data-trekkie-style-handle="beauty" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1785" data-style-name="Beauty" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="Be Yoursテーマの詳細" href="/themes/be-yours/styles/beauty?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=2&amp;surface_type=home"> <div class="style-images " data-style="be-yours-beauty"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FAEAA1"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Be Yours」スタイルのBeautyのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/k536jibxfav41qw8eghure6ggr8g.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Be Yours」スタイルのBeautyのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/xp2bdtc51lz2echdr9n2wp94ryl8.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Be Yours</h4> </div> </a> <a data-trekkie-style-id="1986" data-trekkie-style-handle="trendy" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1986" data-style-name="Trendy" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="Be Yoursテーマの詳細" href="/themes/be-yours/styles/trendy?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=2&amp;surface_type=home"> <div class="style-images hidden" data-style="be-yours-trendy"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FD7969"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Be Yours」スタイルのTrendyのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/40f2wp28m8uj71zkyjys4ofiwytc.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Be Yours」スタイルのTrendyのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/rnscf1ccwxqaw5b27p4l8bzlm4dh.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Be Yours</h4> </div> </a> <a data-trekkie-style-id="1663" data-trekkie-style-handle="peace" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1663" data-style-name="Peace" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="Be Yoursテーマの詳細" href="/themes/be-yours/styles/peace?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=2&amp;surface_type=home"> <div class="style-images hidden" data-style="be-yours-peace"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #24958E"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Be Yours」スタイルのPeaceのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/0635qj0712x8ei3r36z2u5tod1i3.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Be Yours」スタイルのPeaceのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/j36sfqv44c2bzwqyngxwqm2tthkh.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Be Yours</h4> </div> </a> <a data-trekkie-style-id="1664" data-trekkie-style-handle="dark" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1664" data-style-name="Dark" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="Be Yoursテーマの詳細" href="/themes/be-yours/styles/dark?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=2&amp;surface_type=home"> <div class="style-images hidden" data-style="be-yours-dark"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #cdb891"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Be Yours」スタイルのDarkのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/0cpjz60sxzplui8xthf9zpav9wlc.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Be Yours」スタイルのDarkのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/dwu8bbfdegqargse65hcb0rcc697.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Be Yours</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-be-yours-beauty" tabindex="0" data-style="be-yours-beauty" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #FAEAA1"></label> <input id="style-be-yours-beauty" name="style" class="hidden" type="radio" value="beauty"> <label for="style-be-yours-trendy" tabindex="0" data-style="be-yours-trendy" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #FD7969"></label> <input id="style-be-yours-trendy" name="style" class="hidden" type="radio" value="trendy"> <label for="style-be-yours-peace" tabindex="0" data-style="be-yours-peace" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #24958E"></label> <input id="style-be-yours-peace" name="style" class="hidden" type="radio" value="peace"> <label for="style-be-yours-dark" tabindex="0" data-style="be-yours-dark" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #cdb891"></label> <input id="style-be-yours-dark" name="style" class="hidden" type="radio" value="dark"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$320 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">98% (584)</span> </li> </ul> </div> </article> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2014" data-trekkie-style-handle="celia" data-trekkie-theme-handle="blum" data-trekkie-theme-id="1839" data-theme-id="1839" data-theme-name="Blum" data-style-id="2014" data-style-name="Celia" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="Blumテーマの詳細" href="/themes/blum/styles/celia?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=3&amp;surface_type=home"> <div class="style-images " data-style="blum-celia"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #E3DCD4"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Blum」スタイルのCeliaのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/nvt1ux98vlarts8bbecg9yypwb53.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Blum」スタイルのCeliaのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/hi8fhfa5zsxmlp0shm8ia8irppbg.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Blum</h4> </div> </a> <a data-trekkie-style-id="2012" data-trekkie-style-handle="solie" data-trekkie-theme-handle="blum" data-trekkie-theme-id="1839" data-theme-id="1839" data-theme-name="Blum" data-style-id="2012" data-style-name="Solie" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="Blumテーマの詳細" href="/themes/blum/styles/solie?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=3&amp;surface_type=home"> <div class="style-images hidden" data-style="blum-solie"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #B0132D"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Blum」スタイルのSolieのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/8b26jhacu53ard14qcyh38rm9lij.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Blum」スタイルのSolieのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/h40sqe8mndr4hgh679l1bvnjrjat.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Blum</h4> </div> </a> <a data-trekkie-style-id="2486" data-trekkie-style-handle="crafts" data-trekkie-theme-handle="blum" data-trekkie-theme-id="1839" data-theme-id="1839" data-theme-name="Blum" data-style-id="2486" data-style-name="Crafts" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="Blumテーマの詳細" href="/themes/blum/styles/crafts?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=3&amp;surface_type=home"> <div class="style-images hidden" data-style="blum-crafts"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #E7B10A"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Blum」スタイルのCraftsのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/a1ys2sayuu0smd0afioyggk8psrc.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Blum」スタイルのCraftsのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/mpmnu8k9e1a90inlaxxnzkpac7qu.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Blum</h4> </div> </a> <a data-trekkie-style-id="3246" data-trekkie-style-handle="fuji" data-trekkie-theme-handle="blum" data-trekkie-theme-id="1839" data-theme-id="1839" data-theme-name="Blum" data-style-id="3246" data-style-name="Fuji" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="Blumテーマの詳細" href="/themes/blum/styles/fuji?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=3&amp;surface_type=home"> <div class="style-images hidden" data-style="blum-fuji"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #222222"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Blum」スタイルのFujiのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/wwyls9y1q4nupgkpcizbfh4tri83.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Blum」スタイルのFujiのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/hdrozgz3a5vzmy3ytttow544ibxb.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Blum</h4> </div> </a> <a data-trekkie-style-id="2013" data-trekkie-style-handle="mondo" data-trekkie-theme-handle="blum" data-trekkie-theme-id="1839" data-theme-id="1839" data-theme-name="Blum" data-style-id="2013" data-style-name="Mondo" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-first-row" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="Blumテーマの詳細" href="/themes/blum/styles/mondo?locale=ja&amp;surface_detail=themes-grid-first-row&amp;surface_inter_position=1&amp;surface_intra_position=3&amp;surface_type=home"> <div class="style-images hidden" data-style="blum-mondo"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #4A6010"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Blum」スタイルのMondoのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/syv3s2tp5obkqa8n2aah34ndjcj2.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Blum」スタイルのMondoのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/n8tba3d8irb9ageoq22bx24mmml1.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Blum</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-blum-celia" tabindex="0" data-style="blum-celia" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #E3DCD4"></label> <input id="style-blum-celia" name="style" class="hidden" type="radio" value="celia"> <label for="style-blum-solie" tabindex="0" data-style="blum-solie" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #B0132D"></label> <input id="style-blum-solie" name="style" class="hidden" type="radio" value="solie"> <label for="style-blum-crafts" tabindex="0" data-style="blum-crafts" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #E7B10A"></label> <input id="style-blum-crafts" name="style" class="hidden" type="radio" value="crafts"> <label for="style-blum-fuji" tabindex="0" data-style="blum-fuji" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #222222"></label> <input id="style-blum-fuji" name="style" class="hidden" type="radio" value="fuji"> <label for="style-blum-mondo" tabindex="0" data-style="blum-mondo" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #4A6010"></label> <input id="style-blum-mondo" name="style" class="hidden" type="radio" value="mondo"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$170 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">99% (100)</span> </li> </ul> </div> </article> </div> <section class="whyshopify tw-mt-lg tw-mb-3xl"> <div class="md:tw-flex tw-gap-lg tw-border-y tw-border-y-stroke-primary tw-py-xl md:tw-py-2xl xl:tw-py-3xl"> <h2 class="tw-text-heading-3xl tw-text-balance tw-flex-1 tw-pb-lg">厳選されたテーマ</h2> <div class="tw-text-body-md tw-text-fg-tertiary tw-flex tw-flex-col tw-gap-lg tw-flex-1"> <p> <strong class="tw-font-semibold tw-text-fg-primary"> コマースに特化した設計 </strong>—高速表示で信頼性が高く、<a target="_blank" class="tw-link-base tw-link-sm tw-text-fg-tertiary" href="https://www.shopify.com/checkout">世界最高レベルのコンバージョンをもたらすチェックアウト</a> </p> <p> <strong class="tw-font-semibold tw-text-fg-primary"> 必要機能をすべて搭載 </strong>—商品のおすすめ、レビュー、割引、<a target="_blank" class="tw-link-base tw-link-sm tw-text-fg-tertiary" href="https://help.shopify.com/manual/online-store/themes">その他多数の機能</a> </p> <p> <strong class="tw-font-semibold tw-text-fg-primary"> 開発者サポート </strong>—<a target="_blank" class="tw-link-base tw-link-sm tw-text-fg-tertiary" href="https://help.shopify.com/manual/online-store/themes/managing-themes/updating-themes">無料更新</a>など、必要なときにサポートを利用可能 </p> </div> </div> </section> <div class="md:tw-flex tw-gap-lg tw-my-lg md:tw-my-xl tw-justify-between tw-items-end"> <div class="tw-pb-xs"> <h2 class="tw-text-heading-2xl tw-pb-xs">Theme Storeに新登場のテーマ</h2> <p class="tw-text-body-md tw-text-fg-secondary">買い物客がこれまで見たことのないようなテーマでストアを差別化</p> </div> <a class="tw-inline-block tw-button-base tw-button-sm tw-button-secondary tw-text-nowrap" href="/collections/new-themes?locale=ja&amp;surface_detail=new_themes_collection_link&amp;surface_type=home">新登場テーマをさらに表示</a> </div> <div class="tw-grid md:tw-grid-cols-2 lg:tw-grid-cols-4 md:tw-gap-gutter--mobile lg:tw-gap-gutter--desktop"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="3435" data-trekkie-style-handle="gearer" data-trekkie-theme-handle="futurer" data-trekkie-theme-id="3341" data-theme-id="3341" data-theme-name="Futurer" data-style-id="3435" data-style-name="Gearer" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-new" data-surface-inter-position="2" data-surface-intra-position="1" aria-label="Futurerテーマの詳細" href="/themes/futurer/styles/gearer?locale=ja&amp;surface_detail=themes-grid-new&amp;surface_inter_position=2&amp;surface_intra_position=1&amp;surface_type=home"> <div class="style-images " data-style="futurer-gearer"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #827C6C"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Futurer」スタイルのGearerのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/4yuxg2l1y929mo0ug6ckv5lhu6om.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Futurer」スタイルのGearerのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/fr69ig8jvdty0qj2jrsasuh95zan.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Futurer</h4> </div> </a> <a data-trekkie-style-id="3436" data-trekkie-style-handle="basser" data-trekkie-theme-handle="futurer" data-trekkie-theme-id="3341" data-theme-id="3341" data-theme-name="Futurer" data-style-id="3436" data-style-name="Basser" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-new" data-surface-inter-position="2" data-surface-intra-position="1" aria-label="Futurerテーマの詳細" href="/themes/futurer/styles/basser?locale=ja&amp;surface_detail=themes-grid-new&amp;surface_inter_position=2&amp;surface_intra_position=1&amp;surface_type=home"> <div class="style-images hidden" data-style="futurer-basser"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #FE9210"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Futurer」スタイルのBasserのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/rpukub3i8l4mtdk7x4ofpiep3rg6.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Futurer」スタイルのBasserのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/607kxli5hcvlda9jvc5r5apzallh.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Futurer</h4> </div> </a> <a data-trekkie-style-id="3437" data-trekkie-style-handle="default" data-trekkie-theme-handle="futurer" data-trekkie-theme-id="3341" data-theme-id="3341" data-theme-name="Futurer" data-style-id="3437" data-style-name="Default" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-new" data-surface-inter-position="2" data-surface-intra-position="1" aria-label="Futurerテーマの詳細" href="/themes/futurer/styles/default?locale=ja&amp;surface_detail=themes-grid-new&amp;surface_inter_position=2&amp;surface_intra_position=1&amp;surface_type=home"> <div class="style-images hidden" data-style="futurer-default"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #0F61FF"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Futurer」スタイルのDefaultのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/kt0u4pxab8kganiswm4uwxs2atbl.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Futurer」スタイルのDefaultのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/lspy1ed068ql1iuo3f132qd3ayhk.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Futurer</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-futurer-gearer" tabindex="0" data-style="futurer-gearer" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #827C6C"></label> <input id="style-futurer-gearer" name="style" class="hidden" type="radio" value="gearer"> <label for="style-futurer-basser" tabindex="0" data-style="futurer-basser" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #FE9210"></label> <input id="style-futurer-basser" name="style" class="hidden" type="radio" value="basser"> <label for="style-futurer-default" tabindex="0" data-style="futurer-default" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #0F61FF"></label> <input id="style-futurer-default" name="style" class="hidden" type="radio" value="default"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$320 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-text-fg-highlight-primary">New</li> </ul> </div> </article> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="3266" data-trekkie-style-handle="default" data-trekkie-theme-handle="flux" data-trekkie-theme-id="3121" data-theme-id="3121" data-theme-name="Flux" data-style-id="3266" data-style-name="Default" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-new" data-surface-inter-position="2" data-surface-intra-position="2" aria-label="Fluxテーマの詳細" href="/themes/flux/styles/default?locale=ja&amp;surface_detail=themes-grid-new&amp;surface_inter_position=2&amp;surface_intra_position=2&amp;surface_type=home"> <div class="style-images " data-style="flux-default"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #F2f2f2"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Flux」スタイルのDefaultのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/l9mdqduru7fm976a4u7rw9hluqv2.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Flux」スタイルのDefaultのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/w901b358b2ovuhdhjuy1zf1pv5qx.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Flux</h4> </div> </a> <a data-trekkie-style-id="3431" data-trekkie-style-handle="paper" data-trekkie-theme-handle="flux" data-trekkie-theme-id="3121" data-theme-id="3121" data-theme-name="Flux" data-style-id="3431" data-style-name="Paper" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-new" data-surface-inter-position="2" data-surface-intra-position="2" aria-label="Fluxテーマの詳細" href="/themes/flux/styles/paper?locale=ja&amp;surface_detail=themes-grid-new&amp;surface_inter_position=2&amp;surface_intra_position=2&amp;surface_type=home"> <div class="style-images hidden" data-style="flux-paper"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #74887a"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Flux」スタイルのPaperのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/eohwjpi6ud9uroa50sshft0plj0y.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Flux」スタイルのPaperのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/7cszmcyrqr8uaz6yttdabngaxl15.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Flux</h4> </div> </a> <a data-trekkie-style-id="3514" data-trekkie-style-handle="kids" data-trekkie-theme-handle="flux" data-trekkie-theme-id="3121" data-theme-id="3121" data-theme-name="Flux" data-style-id="3514" data-style-name="Kids" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-new" data-surface-inter-position="2" data-surface-intra-position="2" aria-label="Fluxテーマの詳細" href="/themes/flux/styles/kids?locale=ja&amp;surface_detail=themes-grid-new&amp;surface_inter_position=2&amp;surface_intra_position=2&amp;surface_type=home"> <div class="style-images hidden" data-style="flux-kids"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #917365"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Flux」スタイルのKidsのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/g1ryc9oej7b29e9phh8iihcird05.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Flux」スタイルのKidsのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/l27pvg8fjbafpozu6b8ly4oiku9x.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Flux</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-flux-default" tabindex="0" data-style="flux-default" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #F2f2f2"></label> <input id="style-flux-default" name="style" class="hidden" type="radio" value="default"> <label for="style-flux-paper" tabindex="0" data-style="flux-paper" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #74887a"></label> <input id="style-flux-paper" name="style" class="hidden" type="radio" value="paper"> <label for="style-flux-kids" tabindex="0" data-style="flux-kids" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #917365"></label> <input id="style-flux-kids" name="style" class="hidden" type="radio" value="kids"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$270 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-text-fg-highlight-primary">New</li> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">100% (9)</span> </li> </ul> </div> </article> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2867" data-trekkie-style-handle="default" data-trekkie-theme-handle="bespoke" data-trekkie-theme-id="2732" data-theme-id="2732" data-theme-name="Bespoke" data-style-id="2867" data-style-name="Default" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-new" data-surface-inter-position="2" data-surface-intra-position="3" aria-label="Bespokeテーマの詳細" href="/themes/bespoke/styles/default?locale=ja&amp;surface_detail=themes-grid-new&amp;surface_inter_position=2&amp;surface_intra_position=3&amp;surface_type=home"> <div class="style-images " data-style="bespoke-default"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #667a24"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Bespoke」スタイルのDefaultのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/nhjy1yzdajw1c83ie90rp0mk4t9b.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Bespoke」スタイルのDefaultのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/bmhg52et2wje3ou5arg4savm17wn.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Bespoke</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$120 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-text-fg-highlight-primary">New</li> </ul> </div> </article> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="3371" data-trekkie-style-handle="garace" data-trekkie-theme-handle="hyper" data-trekkie-theme-id="3247" data-theme-id="3247" data-theme-name="Hyper" data-style-id="3371" data-style-name="Garace" data-paid="true" data-surface-type="home" data-surface-detail="themes-grid-new" data-surface-inter-position="2" data-surface-intra-position="4" aria-label="Hyperテーマの詳細" href="/themes/hyper/styles/garace?locale=ja&amp;surface_detail=themes-grid-new&amp;surface_inter_position=2&amp;surface_intra_position=4&amp;surface_type=home"> <div class="style-images " data-style="hyper-garace"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #1d349a"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="「Hyper」スタイルのGaraceのデスクトッププレビュー" src="https://cdn.shopify.com/theme-store/6y8sb6jwz3aoorjjzr1cvx4yxose.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="「Hyper」スタイルのGaraceのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/5e5ro2fv73r9c0kuq0v8s9n78bv7.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Hyper</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$400 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-text-fg-highlight-primary">New</li> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">100% (5)</span> </li> </ul> </div> </article> </div> </section> <section class="flex-fader testimonials"> <div class="slide tw-my-3xl active" style="background: rgba(212,212,212,0.15);"> <div class="tw-container tw-flex tw-flex-col tw-gap-4 tw-mx-auto md:tw-flex-row tw-py-6"> <div class="tw-flex tw-flex-col tw-w-full md:tw-w-2/4 tw-justify-center tw-gap-6"> <figure class="md:tw-h-80"> <svg width="27" height="22" viewBox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="tw-mb-5 tw-block tw-mx-auto md:tw-mx-0"> <path d="M0.378906 21.8608V16.108C0.378906 14.3608 0.687855 12.5071 1.30575 10.5469C1.94496 8.56534 2.86115 6.65838 4.05433 4.826C5.26882 2.9723 6.72834 1.36364 8.43288 0L11.565 2.71662C9.94567 4.59162 8.58203 6.67969 7.47408 8.98082C6.38743 11.2607 5.8441 13.6044 5.8441 16.0121V21.8608H0.378906ZM15.3683 21.8608V16.108C15.3683 14.3608 15.6772 12.5071 16.2951 10.5469C16.9343 8.56534 17.8505 6.65838 19.0437 4.826C20.2582 2.9723 21.7177 1.36364 23.4222 0L26.5543 2.71662C24.935 4.59162 23.5714 6.67969 22.4634 8.98082C21.3768 11.2607 20.8335 13.6044 20.8335 16.0121V21.8608H15.3683Z" fill="#0F172A" /> </svg> <blockquote class="tw-text-body-3xl tw-pb-5 tw-text-center md:tw-text-left">Prestigeのテーマで、高級感のある見た目と全体的に上品な雰囲気に仕上げることができて大満足です。</blockquote> <figcaption class="tw-text-body-md tw-text-center md:tw-text-left">— Barbara Oxland</figcaption> </figure> <div class="tw-select-none tw-w-full tw-text-center tw-mb-10 md:tw-text-left tw-z-50"> <button class="prev tw-inline-block tw-mr-5" aria-label="&#8592;前へ"><svg width="60" height="16" viewBox="0 0 60 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.00568 16L0.369318 8.36364L8.00568 0.727273L9.31818 2.02273L3.91477 7.42614H59.3636V9.30114H3.91477L9.31818 14.6875L8.00568 16Z" fill="black" /> </svg></button> <span class="color-black" aria-hidden="true"><span class="slide-num">1</span> / 6</span> <button class="next tw-inline-block tw-cursor-pointer tw-ml-5" aria-label="次へ&#8594;"><svg width="59" height="16" viewBox="0 0 59 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M51.358 16L50.0455 14.6875L55.4489 9.30114H0V7.42614H55.4489L50.0455 2.02273L51.358 0.727273L58.9943 8.36364L51.358 16Z" fill="black" /> </svg></button> </div> </div> <div class="tw-flex tw-justify-end tw-flex-col tw-w-full md:tw-w-2/4"> <div class="tw-mx-auto tw-flex tw-flex-col tw-justify-center"> <img class="tw-border-black tw-border-2 tw-rounded-md tw-block tw-w-4/5 tw-m-auto tw-max-h-[44rem]" alt="「Prestige」スタイルのAllureのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/bsmyc9y6hjivqzyrdiqmrykzhs0z.jpg" /> <div class="tw-text-center tw-text-zinc-900 tw-mt-5"> <a data-trekkie-style-id="1202" data-trekkie-style-handle="allure" data-trekkie-theme-handle="prestige" data-trekkie-theme-id="855" data-theme-id="855" data-theme-name="Prestige" data-style-id="1202" data-style-name="Allure" data-paid="true" data-surface-type="home" data-surface-detail="testimonials" data-surface-inter-position="4" data-surface-intra-position="9" class="tw-text-zinc-900 tw-underline" href="/themes/prestige/styles/allure?locale=ja&amp;surface_detail=testimonials&amp;surface_inter_position=3&amp;surface_intra_position=9&amp;surface_type=home">Prestige</a> by Maestrooo</div> </div> </div> </div> </div> <div class="slide tw-my-3xl " style="background: rgba(254,241,230,0.15);"> <div class="tw-container tw-flex tw-flex-col tw-gap-4 tw-mx-auto md:tw-flex-row tw-py-6"> <div class="tw-flex tw-flex-col tw-w-full md:tw-w-2/4 tw-justify-center tw-gap-6"> <figure class="md:tw-h-80"> <svg width="27" height="22" viewBox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="tw-mb-5 tw-block tw-mx-auto md:tw-mx-0"> <path d="M0.378906 21.8608V16.108C0.378906 14.3608 0.687855 12.5071 1.30575 10.5469C1.94496 8.56534 2.86115 6.65838 4.05433 4.826C5.26882 2.9723 6.72834 1.36364 8.43288 0L11.565 2.71662C9.94567 4.59162 8.58203 6.67969 7.47408 8.98082C6.38743 11.2607 5.8441 13.6044 5.8441 16.0121V21.8608H0.378906ZM15.3683 21.8608V16.108C15.3683 14.3608 15.6772 12.5071 16.2951 10.5469C16.9343 8.56534 17.8505 6.65838 19.0437 4.826C20.2582 2.9723 21.7177 1.36364 23.4222 0L26.5543 2.71662C24.935 4.59162 23.5714 6.67969 22.4634 8.98082C21.3768 11.2607 20.8335 13.6044 20.8335 16.0121V21.8608H15.3683Z" fill="#0F172A" /> </svg> <blockquote class="tw-text-body-3xl tw-pb-5 tw-text-center md:tw-text-left">設定が簡単で、デザインも良く、洗練されています。さらに、テクニカルサポートチームがとても献身的です。</blockquote> <figcaption class="tw-text-body-md tw-text-center md:tw-text-left">— Padel Island</figcaption> </figure> <div class="tw-select-none tw-w-full tw-text-center tw-mb-10 md:tw-text-left tw-z-50"> <button class="prev tw-inline-block tw-mr-5" aria-label="&#8592;前へ"><svg width="60" height="16" viewBox="0 0 60 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.00568 16L0.369318 8.36364L8.00568 0.727273L9.31818 2.02273L3.91477 7.42614H59.3636V9.30114H3.91477L9.31818 14.6875L8.00568 16Z" fill="black" /> </svg></button> <span class="color-black" aria-hidden="true"><span class="slide-num">1</span> / 6</span> <button class="next tw-inline-block tw-cursor-pointer tw-ml-5" aria-label="次へ&#8594;"><svg width="59" height="16" viewBox="0 0 59 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M51.358 16L50.0455 14.6875L55.4489 9.30114H0V7.42614H55.4489L50.0455 2.02273L51.358 0.727273L58.9943 8.36364L51.358 16Z" fill="black" /> </svg></button> </div> </div> <div class="tw-flex tw-justify-end tw-flex-col tw-w-full md:tw-w-2/4"> <div class="tw-mx-auto tw-flex tw-flex-col tw-justify-center"> <img class="tw-border-black tw-border-2 tw-rounded-md tw-block tw-w-4/5 tw-m-auto tw-max-h-[44rem]" alt="「Palo Alto」スタイルのVibrantのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/qgtnkb5kdkpv6spjvqy67zoawro9.jpg" /> <div class="tw-text-center tw-text-zinc-900 tw-mt-5"> <a data-trekkie-style-id="2026" data-trekkie-style-handle="vibrant" data-trekkie-theme-handle="palo-alto" data-trekkie-theme-id="777" data-theme-id="777" data-theme-name="Palo Alto" data-style-id="2026" data-style-name="Vibrant" data-paid="true" data-surface-type="home" data-surface-detail="testimonials" data-surface-inter-position="4" data-surface-intra-position="7" class="tw-text-zinc-900 tw-underline" href="/themes/palo-alto/styles/vibrant?locale=ja&amp;surface_detail=testimonials&amp;surface_inter_position=3&amp;surface_intra_position=7&amp;surface_type=home">Palo Alto</a> by Presidio Themes</div> </div> </div> </div> </div> <div class="slide tw-my-3xl " style="background: rgba(234,64,52,0.15);"> <div class="tw-container tw-flex tw-flex-col tw-gap-4 tw-mx-auto md:tw-flex-row tw-py-6"> <div class="tw-flex tw-flex-col tw-w-full md:tw-w-2/4 tw-justify-center tw-gap-6"> <figure class="md:tw-h-80"> <svg width="27" height="22" viewBox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="tw-mb-5 tw-block tw-mx-auto md:tw-mx-0"> <path d="M0.378906 21.8608V16.108C0.378906 14.3608 0.687855 12.5071 1.30575 10.5469C1.94496 8.56534 2.86115 6.65838 4.05433 4.826C5.26882 2.9723 6.72834 1.36364 8.43288 0L11.565 2.71662C9.94567 4.59162 8.58203 6.67969 7.47408 8.98082C6.38743 11.2607 5.8441 13.6044 5.8441 16.0121V21.8608H0.378906ZM15.3683 21.8608V16.108C15.3683 14.3608 15.6772 12.5071 16.2951 10.5469C16.9343 8.56534 17.8505 6.65838 19.0437 4.826C20.2582 2.9723 21.7177 1.36364 23.4222 0L26.5543 2.71662C24.935 4.59162 23.5714 6.67969 22.4634 8.98082C21.3768 11.2607 20.8335 13.6044 20.8335 16.0121V21.8608H15.3683Z" fill="#0F172A" /> </svg> <blockquote class="tw-text-body-3xl tw-pb-5 tw-text-center md:tw-text-left">他のテーマにはない独自性が備わっています。また、サポートチームの対応も迅速でとても助かっています。</blockquote> <figcaption class="tw-text-body-md tw-text-center md:tw-text-left">— Maison Rue</figcaption> </figure> <div class="tw-select-none tw-w-full tw-text-center tw-mb-10 md:tw-text-left tw-z-50"> <button class="prev tw-inline-block tw-mr-5" aria-label="&#8592;前へ"><svg width="60" height="16" viewBox="0 0 60 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.00568 16L0.369318 8.36364L8.00568 0.727273L9.31818 2.02273L3.91477 7.42614H59.3636V9.30114H3.91477L9.31818 14.6875L8.00568 16Z" fill="black" /> </svg></button> <span class="color-black" aria-hidden="true"><span class="slide-num">1</span> / 6</span> <button class="next tw-inline-block tw-cursor-pointer tw-ml-5" aria-label="次へ&#8594;"><svg width="59" height="16" viewBox="0 0 59 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M51.358 16L50.0455 14.6875L55.4489 9.30114H0V7.42614H55.4489L50.0455 2.02273L51.358 0.727273L58.9943 8.36364L51.358 16Z" fill="black" /> </svg></button> </div> </div> <div class="tw-flex tw-justify-end tw-flex-col tw-w-full md:tw-w-2/4"> <div class="tw-mx-auto tw-flex tw-flex-col tw-justify-center"> <img class="tw-border-black tw-border-2 tw-rounded-md tw-block tw-w-4/5 tw-m-auto tw-max-h-[44rem]" alt="「Shapes」スタイルのBoldのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/a2676bgau0czl3uxn42wqzx61b6j.jpg" /> <div class="tw-text-center tw-text-zinc-900 tw-mt-5"> <a data-trekkie-style-id="3126" data-trekkie-style-handle="bold" data-trekkie-theme-handle="shapes" data-trekkie-theme-id="1535" data-theme-id="1535" data-theme-name="Shapes" data-style-id="3126" data-style-name="Bold" data-paid="true" data-surface-type="home" data-surface-detail="testimonials" data-surface-inter-position="4" data-surface-intra-position="10" class="tw-text-zinc-900 tw-underline" href="/themes/shapes/styles/bold?locale=ja&amp;surface_detail=testimonials&amp;surface_inter_position=3&amp;surface_intra_position=10&amp;surface_type=home">Shapes</a> by Switch</div> </div> </div> </div> </div> <div class="slide tw-my-3xl " style="background: rgba(241,171,60,0.15);"> <div class="tw-container tw-flex tw-flex-col tw-gap-4 tw-mx-auto md:tw-flex-row tw-py-6"> <div class="tw-flex tw-flex-col tw-w-full md:tw-w-2/4 tw-justify-center tw-gap-6"> <figure class="md:tw-h-80"> <svg width="27" height="22" viewBox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="tw-mb-5 tw-block tw-mx-auto md:tw-mx-0"> <path d="M0.378906 21.8608V16.108C0.378906 14.3608 0.687855 12.5071 1.30575 10.5469C1.94496 8.56534 2.86115 6.65838 4.05433 4.826C5.26882 2.9723 6.72834 1.36364 8.43288 0L11.565 2.71662C9.94567 4.59162 8.58203 6.67969 7.47408 8.98082C6.38743 11.2607 5.8441 13.6044 5.8441 16.0121V21.8608H0.378906ZM15.3683 21.8608V16.108C15.3683 14.3608 15.6772 12.5071 16.2951 10.5469C16.9343 8.56534 17.8505 6.65838 19.0437 4.826C20.2582 2.9723 21.7177 1.36364 23.4222 0L26.5543 2.71662C24.935 4.59162 23.5714 6.67969 22.4634 8.98082C21.3768 11.2607 20.8335 13.6044 20.8335 16.0121V21.8608H15.3683Z" fill="#0F172A" /> </svg> <blockquote class="tw-text-body-3xl tw-pb-5 tw-text-center md:tw-text-left">このテーマをイラストビジネスに愛用しています。デザインが魅力的で操作も簡単に行えます。</blockquote> <figcaption class="tw-text-body-md tw-text-center md:tw-text-left">— Rachel Murray Design</figcaption> </figure> <div class="tw-select-none tw-w-full tw-text-center tw-mb-10 md:tw-text-left tw-z-50"> <button class="prev tw-inline-block tw-mr-5" aria-label="&#8592;前へ"><svg width="60" height="16" viewBox="0 0 60 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.00568 16L0.369318 8.36364L8.00568 0.727273L9.31818 2.02273L3.91477 7.42614H59.3636V9.30114H3.91477L9.31818 14.6875L8.00568 16Z" fill="black" /> </svg></button> <span class="color-black" aria-hidden="true"><span class="slide-num">1</span> / 6</span> <button class="next tw-inline-block tw-cursor-pointer tw-ml-5" aria-label="次へ&#8594;"><svg width="59" height="16" viewBox="0 0 59 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M51.358 16L50.0455 14.6875L55.4489 9.30114H0V7.42614H55.4489L50.0455 2.02273L51.358 0.727273L58.9943 8.36364L51.358 16Z" fill="black" /> </svg></button> </div> </div> <div class="tw-flex tw-justify-end tw-flex-col tw-w-full md:tw-w-2/4"> <div class="tw-mx-auto tw-flex tw-flex-col tw-justify-center"> <img class="tw-border-black tw-border-2 tw-rounded-md tw-block tw-w-4/5 tw-m-auto tw-max-h-[44rem]" alt="「Venue」スタイルのMorningのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/oy4kuz3cbr2sjg48r1rn6sgygfmd.jpg" /> <div class="tw-text-center tw-text-zinc-900 tw-mt-5"> <a data-trekkie-style-id="1137" data-trekkie-style-handle="morning" data-trekkie-theme-handle="venue" data-trekkie-theme-id="836" data-theme-id="836" data-theme-name="Venue" data-style-id="1137" data-style-name="Morning" data-paid="true" data-surface-type="home" data-surface-detail="testimonials" data-surface-inter-position="4" data-surface-intra-position="12" class="tw-text-zinc-900 tw-underline" href="/themes/venue/styles/morning?locale=ja&amp;surface_detail=testimonials&amp;surface_inter_position=3&amp;surface_intra_position=12&amp;surface_type=home">Venue</a> by Safe As Milk</div> </div> </div> </div> </div> <div class="slide tw-my-3xl " style="background: rgba(202,210,189,0.15);"> <div class="tw-container tw-flex tw-flex-col tw-gap-4 tw-mx-auto md:tw-flex-row tw-py-6"> <div class="tw-flex tw-flex-col tw-w-full md:tw-w-2/4 tw-justify-center tw-gap-6"> <figure class="md:tw-h-80"> <svg width="27" height="22" viewBox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="tw-mb-5 tw-block tw-mx-auto md:tw-mx-0"> <path d="M0.378906 21.8608V16.108C0.378906 14.3608 0.687855 12.5071 1.30575 10.5469C1.94496 8.56534 2.86115 6.65838 4.05433 4.826C5.26882 2.9723 6.72834 1.36364 8.43288 0L11.565 2.71662C9.94567 4.59162 8.58203 6.67969 7.47408 8.98082C6.38743 11.2607 5.8441 13.6044 5.8441 16.0121V21.8608H0.378906ZM15.3683 21.8608V16.108C15.3683 14.3608 15.6772 12.5071 16.2951 10.5469C16.9343 8.56534 17.8505 6.65838 19.0437 4.826C20.2582 2.9723 21.7177 1.36364 23.4222 0L26.5543 2.71662C24.935 4.59162 23.5714 6.67969 22.4634 8.98082C21.3768 11.2607 20.8335 13.6044 20.8335 16.0121V21.8608H15.3683Z" fill="#0F172A" /> </svg> <blockquote class="tw-text-body-3xl tw-pb-5 tw-text-center md:tw-text-left">会社を立ち上げたころはテーマを選ぶのに永遠ともいえる時間がかかっていましたが、今ではビジネスの拡大に合わせて成長するパイプラインが選択できるようになりました。</blockquote> <figcaption class="tw-text-body-md tw-text-center md:tw-text-left">— Ouive</figcaption> </figure> <div class="tw-select-none tw-w-full tw-text-center tw-mb-10 md:tw-text-left tw-z-50"> <button class="prev tw-inline-block tw-mr-5" aria-label="&#8592;前へ"><svg width="60" height="16" viewBox="0 0 60 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.00568 16L0.369318 8.36364L8.00568 0.727273L9.31818 2.02273L3.91477 7.42614H59.3636V9.30114H3.91477L9.31818 14.6875L8.00568 16Z" fill="black" /> </svg></button> <span class="color-black" aria-hidden="true"><span class="slide-num">1</span> / 6</span> <button class="next tw-inline-block tw-cursor-pointer tw-ml-5" aria-label="次へ&#8594;"><svg width="59" height="16" viewBox="0 0 59 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M51.358 16L50.0455 14.6875L55.4489 9.30114H0V7.42614H55.4489L50.0455 2.02273L51.358 0.727273L58.9943 8.36364L51.358 16Z" fill="black" /> </svg></button> </div> </div> <div class="tw-flex tw-justify-end tw-flex-col tw-w-full md:tw-w-2/4"> <div class="tw-mx-auto tw-flex tw-flex-col tw-justify-center"> <img class="tw-border-black tw-border-2 tw-rounded-md tw-block tw-w-4/5 tw-m-auto tw-max-h-[44rem]" alt="「Pipeline」スタイルのCleanのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/ziidrikukvrl4hmxul8mxom2icr1.jpg" /> <div class="tw-text-center tw-text-zinc-900 tw-mt-5"> <a data-trekkie-style-id="1992" data-trekkie-style-handle="clean" data-trekkie-theme-handle="pipeline" data-trekkie-theme-id="739" data-theme-id="739" data-theme-name="Pipeline" data-style-id="1992" data-style-name="Clean" data-paid="true" data-surface-type="home" data-surface-detail="testimonials" data-surface-inter-position="4" data-surface-intra-position="8" class="tw-text-zinc-900 tw-underline" href="/themes/pipeline/styles/clean?locale=ja&amp;surface_detail=testimonials&amp;surface_inter_position=3&amp;surface_intra_position=8&amp;surface_type=home">Pipeline</a> by Groupthought</div> </div> </div> </div> </div> <div class="slide tw-my-3xl " style="background: rgba(104,124,102,0.15);"> <div class="tw-container tw-flex tw-flex-col tw-gap-4 tw-mx-auto md:tw-flex-row tw-py-6"> <div class="tw-flex tw-flex-col tw-w-full md:tw-w-2/4 tw-justify-center tw-gap-6"> <figure class="md:tw-h-80"> <svg width="27" height="22" viewBox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="tw-mb-5 tw-block tw-mx-auto md:tw-mx-0"> <path d="M0.378906 21.8608V16.108C0.378906 14.3608 0.687855 12.5071 1.30575 10.5469C1.94496 8.56534 2.86115 6.65838 4.05433 4.826C5.26882 2.9723 6.72834 1.36364 8.43288 0L11.565 2.71662C9.94567 4.59162 8.58203 6.67969 7.47408 8.98082C6.38743 11.2607 5.8441 13.6044 5.8441 16.0121V21.8608H0.378906ZM15.3683 21.8608V16.108C15.3683 14.3608 15.6772 12.5071 16.2951 10.5469C16.9343 8.56534 17.8505 6.65838 19.0437 4.826C20.2582 2.9723 21.7177 1.36364 23.4222 0L26.5543 2.71662C24.935 4.59162 23.5714 6.67969 22.4634 8.98082C21.3768 11.2607 20.8335 13.6044 20.8335 16.0121V21.8608H15.3683Z" fill="#0F172A" /> </svg> <blockquote class="tw-text-body-3xl tw-pb-5 tw-text-center md:tw-text-left">Flowテーマを使い始めて約5年になりますが、クリーンかつモダンなデザインがとても気に入っています。</blockquote> <figcaption class="tw-text-body-md tw-text-center md:tw-text-left">— King + Curated</figcaption> </figure> <div class="tw-select-none tw-w-full tw-text-center tw-mb-10 md:tw-text-left tw-z-50"> <button class="prev tw-inline-block tw-mr-5" aria-label="&#8592;前へ"><svg width="60" height="16" viewBox="0 0 60 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.00568 16L0.369318 8.36364L8.00568 0.727273L9.31818 2.02273L3.91477 7.42614H59.3636V9.30114H3.91477L9.31818 14.6875L8.00568 16Z" fill="black" /> </svg></button> <span class="color-black" aria-hidden="true"><span class="slide-num">1</span> / 6</span> <button class="next tw-inline-block tw-cursor-pointer tw-ml-5" aria-label="次へ&#8594;"><svg width="59" height="16" viewBox="0 0 59 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M51.358 16L50.0455 14.6875L55.4489 9.30114H0V7.42614H55.4489L50.0455 2.02273L51.358 0.727273L58.9943 8.36364L51.358 16Z" fill="black" /> </svg></button> </div> </div> <div class="tw-flex tw-justify-end tw-flex-col tw-w-full md:tw-w-2/4"> <div class="tw-mx-auto tw-flex tw-flex-col tw-justify-center"> <img class="tw-border-black tw-border-2 tw-rounded-md tw-block tw-w-4/5 tw-m-auto tw-max-h-[44rem]" alt="「Flow」スタイルのNourishのモバイルプレビュー" src="https://cdn.shopify.com/theme-store/fizjoo3jw8stku03a8e606v2mgze.jpg" /> <div class="tw-text-center tw-text-zinc-900 tw-mt-5"> <a data-trekkie-style-id="2522" data-trekkie-style-handle="nourish" data-trekkie-theme-handle="flow" data-trekkie-theme-id="801" data-theme-id="801" data-theme-name="Flow" data-style-id="2522" data-style-name="Nourish" data-paid="true" data-surface-type="home" data-surface-detail="testimonials" data-surface-inter-position="4" data-surface-intra-position="5" class="tw-text-zinc-900 tw-underline" href="/themes/flow/styles/nourish?locale=ja&amp;surface_detail=testimonials&amp;surface_inter_position=3&amp;surface_intra_position=5&amp;surface_type=home">Flow</a> by Eight Themes</div> </div> </div> </div> </div> </section> <section class="community tw-my-3xl"> <div class="tw-container tw-mb-xl"> <h2 class="tw-text-heading-2xl tw-mx-auto md:tw-text-left tw-text-balance tw-pb-xs">数百ものテーマ、数百万ものマーチャント</h2> <p class="tw-text-body-md tw-text-fg-secondary">あらゆるタイプと規模のビジネスに対応できる多種多様なShopifyテーマ</p> </div> <div class="tw-flex tw-gap-lg tw-relative tw-overflow-x-hidden tw-group tw-mb-md"> <div class="tw-flex tw-relative tw-gap-lg group-hover:tw-pause motion-safe:tw-animate-slideshow" style="transform: translate3d(0, 0, 0);"> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Canopyを使用しているストア" src="https://cdn.shopify.com/theme-store/j2e10py7vq7co35vjttp3ijghnmq.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Canopy</h4> <p class="tw-pb-md tw-text-body-xs">$390 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/canopy/styles/natural?locale=ja&amp;surface_detail=community-first-row&amp;surface_inter_position=4&amp;surface_intra_position=1&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Agileを使用しているストア" src="https://cdn.shopify.com/theme-store/htdwze4qsgcpnbhmmubjkigkmkkj.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Agile</h4> <p class="tw-pb-md tw-text-body-xs">$320 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/agile/styles/gorde?locale=ja&amp;surface_detail=community-first-row&amp;surface_inter_position=4&amp;surface_intra_position=2&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Colorsを使用しているストア" src="https://cdn.shopify.com/theme-store/rhy1nj52qgehto4gkodailn0hfds.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Colors</h4> <p class="tw-pb-md tw-text-body-xs">$240 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/colors/styles/generic?locale=ja&amp;surface_detail=community-first-row&amp;surface_inter_position=4&amp;surface_intra_position=3&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Canopyを使用しているストア" src="https://cdn.shopify.com/theme-store/1hocmm25sh79jfjf0c7w0o0x2eau.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Canopy</h4> <p class="tw-pb-md tw-text-body-xs">$390 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/canopy/styles/natural?locale=ja&amp;surface_detail=community-first-row&amp;surface_inter_position=4&amp;surface_intra_position=4&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Agileを使用しているストア" src="https://cdn.shopify.com/theme-store/xosa83xyb39h12ojb1lc0gn6axhs.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Agile</h4> <p class="tw-pb-md tw-text-body-xs">$320 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/agile/styles/gorde?locale=ja&amp;surface_detail=community-first-row&amp;surface_inter_position=4&amp;surface_intra_position=5&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> </div> <div class="tw-flex tw-relative tw-gap-lg group-hover:tw-pause motion-safe:tw-animate-slideshow" style="transform: translate3d(0, 0, 0);"> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Canopyを使用しているストア" src="https://cdn.shopify.com/theme-store/j2e10py7vq7co35vjttp3ijghnmq.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Canopy</h4> <p class="tw-pb-md tw-text-body-xs">$390 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/canopy/styles/natural?locale=ja&amp;surface_detail=community-first-row&amp;surface_inter_position=4&amp;surface_intra_position=1&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Agileを使用しているストア" src="https://cdn.shopify.com/theme-store/htdwze4qsgcpnbhmmubjkigkmkkj.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Agile</h4> <p class="tw-pb-md tw-text-body-xs">$320 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/agile/styles/gorde?locale=ja&amp;surface_detail=community-first-row&amp;surface_inter_position=4&amp;surface_intra_position=2&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Colorsを使用しているストア" src="https://cdn.shopify.com/theme-store/rhy1nj52qgehto4gkodailn0hfds.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Colors</h4> <p class="tw-pb-md tw-text-body-xs">$240 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/colors/styles/generic?locale=ja&amp;surface_detail=community-first-row&amp;surface_inter_position=4&amp;surface_intra_position=3&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Canopyを使用しているストア" src="https://cdn.shopify.com/theme-store/1hocmm25sh79jfjf0c7w0o0x2eau.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Canopy</h4> <p class="tw-pb-md tw-text-body-xs">$390 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/canopy/styles/natural?locale=ja&amp;surface_detail=community-first-row&amp;surface_inter_position=4&amp;surface_intra_position=4&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Agileを使用しているストア" src="https://cdn.shopify.com/theme-store/xosa83xyb39h12ojb1lc0gn6axhs.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Agile</h4> <p class="tw-pb-md tw-text-body-xs">$320 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/agile/styles/gorde?locale=ja&amp;surface_detail=community-first-row&amp;surface_inter_position=4&amp;surface_intra_position=5&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> </div> </div> <div class="tw-flex tw-gap-lg tw-relative tw-overflow-x-hidden tw-group tw-mb-md"> <div class="tw-flex tw-relative tw-gap-lg group-hover:tw-pause motion-safe:tw-animate-slideshowBackwards" style="transform: translate3d(0, 0, 0);"> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Canopyを使用しているストア" src="https://cdn.shopify.com/theme-store/erh44m4917n7pycb7lpvxnhnxsd3.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Canopy</h4> <p class="tw-pb-md tw-text-body-xs">$390 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/canopy/styles/natural?locale=ja&amp;surface_detail=community-second-row&amp;surface_inter_position=5&amp;surface_intra_position=1&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Canopyを使用しているストア" src="https://cdn.shopify.com/theme-store/szobuy23z2joco090cg0rrlx56gh.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Canopy</h4> <p class="tw-pb-md tw-text-body-xs">$390 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/canopy/styles/natural?locale=ja&amp;surface_detail=community-second-row&amp;surface_inter_position=5&amp;surface_intra_position=2&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Colorsを使用しているストア" src="https://cdn.shopify.com/theme-store/a01h3bdar8ej5qhrp8ngu1jajdoo.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Colors</h4> <p class="tw-pb-md tw-text-body-xs">$240 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/colors/styles/generic?locale=ja&amp;surface_detail=community-second-row&amp;surface_inter_position=5&amp;surface_intra_position=3&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Colorsを使用しているストア" src="https://cdn.shopify.com/theme-store/nrq0lov0ru5h8vqrehoem853ax5g.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Colors</h4> <p class="tw-pb-md tw-text-body-xs">$240 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/colors/styles/generic?locale=ja&amp;surface_detail=community-second-row&amp;surface_inter_position=5&amp;surface_intra_position=4&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Agileを使用しているストア" src="https://cdn.shopify.com/theme-store/pkxr0emweiclcqd2a1gm2vbdam1q.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Agile</h4> <p class="tw-pb-md tw-text-body-xs">$320 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/agile/styles/gorde?locale=ja&amp;surface_detail=community-second-row&amp;surface_inter_position=5&amp;surface_intra_position=5&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> </div> <div class="tw-flex tw-relative tw-gap-lg group-hover:tw-pause motion-safe:tw-animate-slideshowBackwards" style="transform: translate3d(0, 0, 0);"> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Canopyを使用しているストア" src="https://cdn.shopify.com/theme-store/erh44m4917n7pycb7lpvxnhnxsd3.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Canopy</h4> <p class="tw-pb-md tw-text-body-xs">$390 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/canopy/styles/natural?locale=ja&amp;surface_detail=community-second-row&amp;surface_inter_position=5&amp;surface_intra_position=1&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Canopyを使用しているストア" src="https://cdn.shopify.com/theme-store/szobuy23z2joco090cg0rrlx56gh.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Canopy</h4> <p class="tw-pb-md tw-text-body-xs">$390 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/canopy/styles/natural?locale=ja&amp;surface_detail=community-second-row&amp;surface_inter_position=5&amp;surface_intra_position=2&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Colorsを使用しているストア" src="https://cdn.shopify.com/theme-store/a01h3bdar8ej5qhrp8ngu1jajdoo.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Colors</h4> <p class="tw-pb-md tw-text-body-xs">$240 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/colors/styles/generic?locale=ja&amp;surface_detail=community-second-row&amp;surface_inter_position=5&amp;surface_intra_position=3&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Colorsを使用しているストア" src="https://cdn.shopify.com/theme-store/nrq0lov0ru5h8vqrehoem853ax5g.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Colors</h4> <p class="tw-pb-md tw-text-body-xs">$240 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/colors/styles/generic?locale=ja&amp;surface_detail=community-second-row&amp;surface_inter_position=5&amp;surface_intra_position=4&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> <figure class="tw-float-left tw-min-w-[12rem] tw-w-[20vw] tw-my-1 tw-relative before:tw-absolute hover:before:tw-bg-white/80 before:tw-left-0 before:tw-right-0 before:tw-top-0 before:tw-bottom-0 before:tw-rounded-lg"> <img class="tw-w-full tw-h-auto tw-border tw-border-solid tw-border-stroke-primary tw-rounded-lg tw-aspect-[4/5] tw-object-cover" alt="Agileを使用しているストア" src="https://cdn.shopify.com/theme-store/pkxr0emweiclcqd2a1gm2vbdam1q.jpg?width=500" /> <figcaption class="tw-absolute tw-z-30 tw-top-2/4 tw-w-full tw-text-center -tw-translate-y-2/4"> <h4 class="tw-pb-2xs tw-text-body-md lg:tw-text-body-lg xl:tw-text-body-2xl">Agile</h4> <p class="tw-pb-md tw-text-body-xs">$320 USD</p> <a class="tw-button-base tw-button-sm tw-button-primary" href="/themes/agile/styles/gorde?locale=ja&amp;surface_detail=community-second-row&amp;surface_inter_position=5&amp;surface_intra_position=5&amp;surface_type=home">テーマを見る</a> </figcaption> </figure> </div> </div> </section> </main> <section class="bottomcta tw-bg-canvas-inverted-primary tw-py-2xl lg:tw-py-4xl"> <div class="tw-container tw-flex tw-flex-col tw-items-center tw-justify-center"> <h2 class="tw-text-display-6 tw-text-fg-inverted-primary tw-text-center tw-pb-xl">Shopifyテーマでスピーディな<br/>構築と売上拡大を実現</h2> <button class="js-open-signup tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus tw-focus:outline tw-button-emphasis tw-px-6 tw-py-4 tw-text-link-md tw-w-full sm:tw-w-auto" name="button" data-ga-event="Email capture signup" data-ga-action="CTA button click" aria-haspopup="dialog" type="submit">無料体験を始める</button> </div> </section> <footer class="footer--main" role="contentinfo"><h2 class="visuallyhidden">フッター</h2> <div class="footer-top"> <div class="grid"> <div class="grid__item"> <nav class="footer-nav"> <ul class="footer-nav__list" role="list"> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://www.shopify.com/about">Shopifyについて</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://www.shopify.com/careers">採用情報</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://news.shopify.com">プレスとメディア</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://www.shopify.com/plus">エンタープライズ</a> </li> <li class="footer-nav__list-item"> <a href="https://www.shopify.com/jp/sitemap">サイトマップ</a> </li> </ul> </nav> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile"> <h3 class="footer-subhead heading--5 ">機能紹介</h3> <a class="footer-link" href="https://www.shopify.com/jp/online">ネットショップ開業</a> <a class="footer-link" href="https://www.shopify.com/jp/online/ecommerce-solutions">機能</a> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile footer-column--nameless"> <a class="footer-link" href="https://www.shopify.com/jp/examples">ネットショップ事例</a> <a class="footer-link" href="https://www.shopify.com/jp/domains">ドメイン名</a> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile footer-column--nameless"> <a class="footer-link" href="https://www.shopify.com/jp/dropshipping">ドロップシッピング</a> <a class="footer-link" href="https://www.shopify.com/jp/buy-button">購入ボタン</a> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile"> <h3 class="footer-subhead heading--5 ">POS</h3> <a class="footer-link" href="https://www.shopify.com/jp/pos">POS</a> <a class="footer-link" href="https://www.shopify.com/jp/pos/features">機能</a> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-subhead heading--5 ">サポート</h3> <a class="footer-link" href="https://help.shopify.com/ja/questions">日本語のサポート</a> <a class="footer-link" href="https://help.shopify.com/ja/">Shopify ヘルプセンター</a> <a class="footer-link" href="https://community.shopify.com/c/shopify-community/ct-p/en?profile.language=en">フォーラム</a> <a class="footer-link" href="https://shopify.dev/api">APIドキュメント</a> <a class="footer-link" href="https://www.shopify.com/jp/tools">無料ツール</a> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-subhead heading--5 ">Shopify</h3> <a class="footer-link" href="https://www.shopify.com/jp/contact">お問い合わせ</a> <a class="footer-link" href="https://www.shopify.com/jp/partners">パートナープログラム</a> <a class="footer-link" href="https://www.shopify.com/jp/affiliates">アフィリエイトプログラム</a> <a class="footer-link" href="https://shopify.dev">アプリ開発</a> <a class="footer-link" href="https://investors.shopify.com/home/default.aspx">投資家の皆様へ</a> <a class="footer-link" href="https://www.shopify.com/jp/blog/topics">ブログカテゴリー</a> </div> </div></div> <div class="footer-bottom"> <div class="grid grid--vertically-centered"> <div class="grid__item grid__item--tablet-up-2 footer-bottom__social text-center--mobile"> <ul class="footer-social__list" role="list"> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Facebook" data-ga-label="Footer" href="https://www.facebook.com/shopify"><svg class="icon" aria-labelledby="icon-modules-social-facebook-13-title" role="img"><title id="icon-modules-social-facebook-13-title">Facebook</title> <use xlink:href="#modules-social-facebook" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Twitter" data-ga-label="Footer" href="https://twitter.com/shopify"><svg class="icon" aria-labelledby="icon-modules-social-twitter-14-title" role="img"><title id="icon-modules-social-twitter-14-title">Twitter</title> <use xlink:href="#modules-social-twitter" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Youtube" data-ga-label="Footer" href="https://www.youtube.com/user/shopify"><svg class="icon" aria-labelledby="icon-modules-social-youtube-15-title" role="img"><title id="icon-modules-social-youtube-15-title">YouTube</title> <use xlink:href="#modules-social-youtube" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Instagram" data-ga-label="Footer" href="https://www.instagram.com/shopify/"><svg class="icon" aria-labelledby="icon-modules-social-instagram-16-title" role="img"><title id="icon-modules-social-instagram-16-title">Instagram</title> <use xlink:href="#modules-social-instagram" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Linkedin" data-ga-label="Footer" href="https://www.linkedin.com/company/shopify"><svg class="icon" aria-labelledby="icon-modules-social-linkedin-17-title" role="img"><title id="icon-modules-social-linkedin-17-title">LinkedIn</title> <use xlink:href="#modules-social-linkedin" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Pinterest" data-ga-label="Footer" href="https://www.pinterest.com/shopifyjp/"><svg class="icon" aria-labelledby="icon-modules-social-pinterest-18-title" role="img"><title id="icon-modules-social-pinterest-18-title">Pinterest</title> <use xlink:href="#modules-social-pinterest" /> </svg></a> </li> </ul> </div> <div class="grid__item grid__item--tablet-up-4 footer-bottom__links text-center--mobile text-right--tablet-up"> <ul class="tw-flex tw-gap-lg tw-mr-lg"> <li> <a href="https://www.shopify.com/legal/terms">利用規約</a> </li> <li> <a href="https://www.shopify.com/legal/privacy">プライバシーポリシー</a> </li> </ul> <div class="footer-country-select"><div class="popover-wrapper js-popover footer-country-select__popover" id="locale-selector" toggle_only_on_click="true" data-position="top" data-align="right"><button type="button" class="popover__trigger footer-country-select__trigger" data-ga-event="Footer" data-ga-label="CountrySelector"><svg class="icon footer-country-select__globe" aria-hidden="true" focusable="false"> <use xlink:href="#icons-globe" /> </svg><span class="footer-country-select__text">日本語</span><span class="visuallyhidden">国または地域を変更する</span><svg class="icon footer-country-select__arrow" aria-hidden="true" focusable="false"> <use xlink:href="#modules-nav-arrow-down" /> </svg></button><div class="popover"><ul class="popover__content footer-country-select__content"><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=cs"><button class="footer-country-select__country-button body-link" type="submit">Čeština</button><input type="hidden" name="authenticity_token" value="X2kx4m0pI7ZURN9fQ23Ho9_XxA6MYN3hHON1UhelHWIIt-CY5Z1OzPX6-KBJIR3Z8Opr2lvxblboT16jMMuodw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=da"><button class="footer-country-select__country-button body-link" type="submit">Dansk</button><input type="hidden" name="authenticity_token" value="UEZ4BfFP-AVzrglKUjN5U-wF2cddooCtk69DgnHc-LIHmKl_efuVf9IQLrVYf6Mpwzh2E4ozMxpnA2hzVrJNpw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=de"><button class="footer-country-select__country-button body-link" type="submit">Deutsch</button><input type="hidden" name="authenticity_token" value="4ZVIS_ng4TWEtkoG8DsE3ClvyxBGKfobOhVuU9DRu_22S5kxcVSMTyUIbfn6d96mBlJkxJG4SazOuUWi978O6A" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=en"><button class="footer-country-select__country-button body-link" type="submit">English</button><input type="hidden" name="authenticity_token" value="Rv0q3cdsioet0j8ZuaKPTenio3QpY_7S-0b3lvyFeb4RI_unT9jn_QxsGOaz7lU3xt8MoP7yTWUP6txn2-vMqw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=es"><button class="footer-country-select__country-button body-link" type="submit">Español</button><input type="hidden" name="authenticity_token" value="NqW6rkWamMMYUAJEVk4DBGb0DyfuRim5PFxNMXbkgM9he2vUzS71ubnuJbtcAtl-Scmg8znXmg7I8GbAUYo12g" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=fr"><button class="footer-country-select__country-button body-link" type="submit">Français</button><input type="hidden" name="authenticity_token" value="pETlBmpJ7bWwBcqTssg9AOd8LsyC2vIXtkSRaem3nAnzmjR84v2AzxG77Wy4hOd6yEGBGFVLQaBC6LqYztkpHA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=it"><button class="footer-country-select__country-button body-link" type="submit">Italiano</button><input type="hidden" name="authenticity_token" value="AInI38drV6YX3CeN2abwZaKDK8AQXvxRmYXasGbNwlRXVxmlT9863LZiAHLT6iofjb6EFMfPT-ZtKfFBQaN3QQ" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=nl"><button class="footer-country-select__country-button body-link" type="submit">Nederlands</button><input type="hidden" name="authenticity_token" value="QQz0LNrC_B3eRiB-EYx5-298BgnU5wF1XgnxYupe4ZsW0iVWUnaRZ3_4B4EbwKOBQEGp3QN2ssKqpdqTzTBUjg" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=nb"><button class="footer-country-select__country-button body-link" type="submit">Norsk (bokmål)</button><input type="hidden" name="authenticity_token" value="qXmGDtMENdgOhhhFKiiFit9gMa4B-wbVEATnywjDgwT-p1d0W7BYoq84P7ogZF_w8F2eetZqtWLkqMw6L602EQ" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=pl"><button class="footer-country-select__country-button body-link" type="submit">Polski</button><input type="hidden" name="authenticity_token" value="kHGgA-PjbO8Omoct30tYPyvrADDu21tcKlcSuKOYE6rHr3F5a1cBla8koNLVB4JFBNav5DlK6Ove-zlJhPamvw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=pt-BR"><button class="footer-country-select__country-button body-link" type="submit">Português (Brasil)</button><input type="hidden" name="authenticity_token" value="SYpwUfSY1jqrRdKpWvD8_lfVE2IIizGNRLyxnlZw8W4eVKErfCy7QAr79VZQvCaEeOi8tt8agjqwEJpvcR5Eew" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=pt-PT"><button class="footer-country-select__country-button body-link" type="submit">Português (Portugal)</button><input type="hidden" name="authenticity_token" value="kwbA_iyiybnHNClfUYzVhY0ZpI94_-kBEHvbjPjwWK3E2BGEpBakw2aKDqBbwA__oiQLW69uWrbk1_B9357tuA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=fi"><button class="footer-country-select__country-button body-link" type="submit">Suomi</button><input type="hidden" name="authenticity_token" value="v5iyIHZDcffbKdvS_DOKjgzNUsbamlm4-trzeeJ6a5XoRmNa_vccjXqX_C32f1D0I_D9Eg0L6g8OdtiIxRTegA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=sv"><button class="footer-country-select__country-button body-link" type="submit">Svenska</button><input type="hidden" name="authenticity_token" value="KgaSuVRH0TDG3zq1nZtAIznjLgQk0zvQ7xD6N_nJtGh92EPD3PO8SmdhHUqX15pZFt6B0PNCiGcbvNHG3qcBfQ" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=tr"><button class="footer-country-select__country-button body-link" type="submit">Türkçe</button><input type="hidden" name="authenticity_token" value="YC34GXfk5IVhsJa6x-dBOHwGTqF4NyTU4ia2WB-IOrk38ylj_1CJ_8AOsUXNq5tCUzvhda-ml2MWip2pOOaPrA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=th"><button class="footer-country-select__country-button body-link" type="submit">ภาษาไทย</button><input type="hidden" name="authenticity_token" value="ORHM4cTHl8b9aX4JhRm2LY_BK2ycjwHuFR_mVE83syluzx2bTHP6vFzXWfaPVWxXoPyEuEseslnhs82laFkGPA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=ja"><button class="footer-country-select__country-button body-link" type="submit">日本語</button><input type="hidden" name="authenticity_token" value="ChKhrx3VSQqwak12yQ5HNoDKiZfqc18aEeaWFFWxXw5dzHDVlWEkcBHUaonDQp1Mr_cmQz3i7K3lSr3lct_qGw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=zh-CN"><button class="footer-country-select__country-button body-link" type="submit">简体中文</button><input type="hidden" name="authenticity_token" value="2kH66pVVB2zMdEKHb1dbEEIMEH3lLsV8TT4Ap37gMd-NnyuQHeFqFm3KZXhlG4FqbTG_qTK_dsu5kitWWY6Eyg" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=zh-TW"><button class="footer-country-select__country-button body-link" type="submit">繁體中文</button><input type="hidden" name="authenticity_token" value="tpphwO5o3PJ1lT01rQhC2rsm0dnNDX0OfObb4wltG0zhRLC6ZtyxiNQrGsqnRJiglBt-DRqczrmISvASLgOuWQ" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=ko"><button class="footer-country-select__country-button body-link" type="submit">한국어</button><input type="hidden" name="authenticity_token" value="XVnbJNZstwAh6O_O2wR76DYM_VecxRRHri6e4IyL_DwKhwpeXtjaeoBWyDHRSKGSGTFSg0tUp_BagrURq-VJKQ" autocomplete="off" /></form></li></ul></div></div></div> </div></div></div> </footer> </div> <div id="root_login_modal" data-enabled="true"></div> <script> //<![CDATA[ window.I18n = window.I18n || {}; window.I18n.data = {"modal":{"home":"ホーム","close":"閉じる"},"signup":{"header":"Shopifyの%{trial_length}日間の無料トライアルを始める","custom_header":"%{custom_signup_header}","create_now":"自分のストアを作ってみよう","labels":{"email":"メールアドレス","password":"パスワード","shop_name":"ストア名","subdomain":"ストアURL","promotional_program_promo_code":"クーポンコード","storename":"ストア名"},"subtitles":{"shop_name":"ストア名はあとからでも変更できます。","subdomain":"ストアURLはストアの初期ドメインです。独自ドメインをあとから追加することも可能です。またストアURLはログインの際にも使用します。","promotional_program_promo_code":"このプログラムにご登録いただいた方対象の専用コードです。"},"placeholders":{"password":"パスワード","email":"メールアドレス","shop_name":"ストア名","subdomain":"ストアURL","autogenerated_subdomain":"ストアのアドレス"},"success_messages":{"email":"OK","password":"問題ありません","shop_name":"この名前は使用可能です!","subdomain":"これを使ってストアにログインします"},"store_address_suffix":".myshopify.com","hint_messages":{"email_typo_html":"<button type=\"button\" data-bind-event-click=\"%{on_click}\">%{suggestion}</button>ではありませんか?"},"tooltip":"%{trial_length}日間の無料トライアルを今日から始めましょう!","checking":"確認中です...","details":{"shop_name":"オーナーの方は<a href=\"https://%{admin}/admin\">こちらからログイン</a>できます"}},"forms":{"errors":{"throttled":"あなたのIPアドレスから多数のリクエストが検出されました。しばらくしてから、もう一度お試しください。","global":{"invalid":"有効なメールアドレスを入力してください","required":"このフィールドは必須です。","generic":"申し訳ありません。問題が発生しました。しばらくしてから再度お試しください。","throttled":"あなたのIPアドレスから多数のリクエストが検出されました。しばらくしてから、もう一度お試しください。"},"shop_name":{"empty":"ストア名を入力してください","minlength":"ストア名は4文字以上にしてください","maxlength":"ストア名は60文字以下にしてください","existingAdmin":"その名前のストアはすでに存在します。このストアのオーナーの方は<a href=\"https://%{err}/admin\">こちらからログイン</a>できます","message":"%{err}","matchesPassword":"ストア名とパスワードは異なるものにしてください","disallowed":"ストア名に<strong>%{err}</strong>を含めることはできません。別のストア名を試してみてください。"},"email":{"empty":"メールアドレスを入力してください。","invalid":"有効なメールアドレスを入力してください","member_exists":"あなたはすでにこのリストに登録されています","generic":"申し訳ありません。問題が発生しました。しばらくしてから再度お試しください。"},"password":{"empty":"パスワードを入力してください。","minlength":"パスワードは少なくとも5文字以上にしてください。","spaces":"パスワードの最初と最後の文字にスペースを使うことはできません"},"subdomain":{"empty":"サブドメインを入力してください","minlength":"サブドメインは4文字以上にしてください","multiple":"複数のサブドメインがこのメールに関連付けられています","suggest":"もしかして%{err}ですか?","invalid":"有効なサブドメインを入力してください","existingAdmin":"そのサブドメインを持つストアはすでに存在します。このストアのオーナーの方は<a href=\"https://%{err}/admin\">こちらからログイン</a>できます","disallowed":"サブドメインに<strong>%{err}</strong>を含めることはできません。別のストア名を試してみてください。","message":"%{err}"},"promotional_program_promo_code":{"message":"%{err}"},"autogenerated_subdomain":{"existingAdmin":"そのサブドメインを持つストアはすでに存在します。このストアのオーナーの方は<a href=\"https://%{err}/admin\">こちらからログイン</a>できます","empty":"サブドメインを入力してください","invalid":"有効なサブドメインを入力してください。サブドメインには英数字のみを使用可能です"}}},"theme_store_frontend":{"show_button_text":"アップデートの詳細を見る","hide_button_text":"表示を減らす","unexpected_login_error":"予期しないエラー","theme_search":{"number_of_results":{"other":"%{count}に対する%{search_query}件の結果。上下矢印キーを使用して、結果を順に切り替えます。検索するにはエンターキーを押してください。","one":"%{count}に対する%{search_query}件の結果。上下矢印キーを使用して、結果を順に切り替えます。検索するにはエンターキーを押してください。"}},"styles_carousel":{"title":"%{themeName}のテーマ - %{styleName} \\- ECサイトのテンプレート"},"theme_filters":{"heading":"絞り込み検索","no_results_now":"検索結果がありませんでした","try_again_or_home_page_html":"後でもう一度試すか、%{visit_home_page}","visit_home_page":"ホームページにアクセスしてください","pagination":"%{first_item_index}件中%{last_item_index}~%{themes_count}","filter_subheadings":{"price":"価格で絞り込む","catalog-size":"カタログサイズで絞り込む","industry":"業界で絞り込む","layout":"レイアウトで絞り込む","design":"デザインで絞り込む","features":"機能で絞り込む"},"expand_filters_label":{"price":"価格の絞り込み条件を開く","catalog-size":"カタログサイズの絞り込み条件を開く","industry":"業界の絞り込み条件を開く","layout":"レイアウトの絞り込み条件を開く","design":"デザインの絞り込み条件を開く","features":"機能フィルターを開く"},"collapse_filters_label":{"price":"価格の絞り込み条件を閉じる","catalog-size":"カタログサイズの絞り込み条件を閉じる","industry":"業界の絞り込み条件を閉じる","layout":"レイアウトの絞り込み条件を閉じる","design":"デザインの絞り込み条件を閉じる","features":"機能の絞り込み条件を閉じる"},"filter_results_count":{"other":"%{filter_label} (条件に一致するテーマ:%{count}件)","one":"%{filter_label} (条件に一致するテーマ:%{count}件)"},"themes_count":{"other":"%{count}件のテーマ","one":"%{count}件のテーマ"},"other_industry_search":{"label":"その他","placeholder":"業界を入力","button_label":"OK"}},"local_currency":{"estimated_price":"概算価格:%{calculated_price}*","local_currency_exchange":"* 概算為替レート:1米ドル=%{currency_rate}。","local_currency_charges_notice":"実際の価格は変動する場合があります。表示価格は、現在の為替レートに基づく概算です。正確な請求金額は、支払い処理時の為替レートによって異なります。表示価格には、適用される税金および手数料は含まれていません。税金および手数料は、購入されたすべてのサービスの費用に加算されます。","local_currency_learn_more_link_html":"<a href=\"%{url}\" class=\"body-link\">詳しくはこちら</a>"}},"carousel":{"play":"カルーセルを再生","pause":"カルーセルを一時停止","carousel_aria_roledescription":"カルーセル","slide_aria_roledescription":"スライド","slide_aria_label":"%{currentSlide}/%{totalSlide}","slide_nav_aria_label":"スライドを選択"}}; window.I18n.globals = {"total_blog_subscribers":"446,005","trial_length":3,"custom_signup_header":""}; //]]> </script> <script src="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/rails-f96da86d32b453b6828fe1dfc1ff0644a9adef722172398dc0433fbb81630651.js" crossorigin="anonymous" integrity="sha256-+W2obTK0U7aCj+Hfwf8GRKmt73IhcjmNwEM/u4FjBlE="></script> <script src="https://themes.shopify.com/cdn/shopifycloud/theme_store/bundles/assets/application-BCGHVq-f.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/bundles/assets/runtime-Ca1d60C9.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/bundles/assets/index-BcgqFnQ9.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/bundles/assets/jquery-CZvNE_PB.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/bundles/assets/monorail-edge-producer-BxIntOnc.js" as="script" crossorigin="anonymous"> <script type="text/javascript"> //<![CDATA[ var pageTrackerReadyInterval = setInterval(function(){ if (window._gat) { clearInterval(pageTrackerReadyInterval) } else { return; } var pageTracker = _gat._getTracker("UA-82702-3"); pageTracker._setDomainName("themes.shopify.com"); pageTracker._initData(); try { var results = new RegExp("[\\?&](source|r|ref)=([^&#]*)", "gi").exec(window.location.href); if(results != null) { var date = new Date(); var days = results[2] == 'cj' ? 45 : 7; date.setTime(date.getTime()+days*86400000); document.cookie = "source=" + results[2] + "; expires=" + date.toGMTString() + "; path=/; domain=.shopify.com"; pageTracker._setVar("ref: " + results[2]); } } catch(e) {} pageTracker._trackPageview(); }, 120); //]]> </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10