1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <meta name="format-detection" content="telephone=no"> 8 9 <title>絶çã»ã¬ã¢æ¬ãçãã¾ã®æ票ã§å¾©å» 復åãããã³ã | 復åãããã³ã </title> 10<meta name="description" content="復åãããã³ã ã¯ã絶çã»ååãã®æ¬ãçãã¾ããã®ãªã¯ã¨ã¹ãæ票ã«ããã復åããããµã¼ãã¹ãè¡ã£ã¦ãã¾ãã"> 11<meta name="keywords" content="復å,絶ç,åå,æ票,æ¬,販売,ã·ã§ããã³ã°,æ¸ç±,ç½²å,éç,ååºç,å販,éç,å»å"> 12<link rel="canonical" href="https://www.fukkan.com/signup"> 13<meta property="og:type" content="article"> 14<meta property="og:title" content="絶çã»ã¬ã¢æ¬ãçãã¾ã®æ票ã§å¾©å» 復åãããã³ã "> 15<meta property="og:description" content="復åãããã³ã ã¯ã絶çã»ååãã®æ¬ãçãã¾ããã®ãªã¯ã¨ã¹ãæ票ã«ããã復åããããµã¼ãã¹ãè¡ã£ã¦ãã¾ãã"> 16<meta property="og:url" content="https://www.fukkan.com/signup"> 17<meta property="og:image" content="https://www.fukkan.com/images/favicon.png"> 18<meta property="og:site_name" content="復åãããã³ã "> 19<meta property="fb:app_id" content="998361440248573"> 20<meta name="twitter:site" content="@fukkan_com"> 21<meta name="twitter:card" content="summary"> 22<meta name="twitter:title" content="絶çã»ã¬ã¢æ¬ãçãã¾ã®æ票ã§å¾©å» 復åãããã³ã "> 23<meta name="twitter:description" content="復åãããã³ã ã¯ã絶çã»ååãã®æ¬ãçãã¾ããã®ãªã¯ã¨ã¹ãæ票ã«ããã復åããããµã¼ãã¹ãè¡ã£ã¦ãã¾ãã"> 24<meta name="twitter:url" content="https://www.fukkan.com/signup"> 25<meta name="twitter:image" content="https://www.fukkan.com/images/favicon.png"> 26 27 <meta name="robots" content=""> 28 <meta name="turbo-cache-control" content="no-preview"> 29 <link rel="apple-touch-icon" href="/images/favicon.png"> 30 <link rel="icon" type="image/png" href="/images/favicon.png"> 31 32 <!-- Google Fonts + CSSåªå é ä½ä¿®æ£çï¼ãã¹ãï¼ --> 33 <link rel="preconnect" href="https://fonts.googleapis.com"> 34 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 35 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap" rel="stylesheet"> 36 <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap" rel="stylesheet"> 37 38 <!-- CSSåªå é ä½ä¿®æ£ --> 39 <style> 40 /* ãã¼ã«ã«ãã©ã³ããã©ã¼ã«ãã㯠*/ 41 @font-face { 42 font-family: 'Noto Sans JP Fallback'; 43 src: local('Noto Sans JP'), local('NotoSansJP-Regular'), 44 local('Noto Sans CJK JP'), local('Source Han Sans JP'); 45 font-weight: 400; 46 font-style: normal; 47 } 48 49 /* CSSåªå é ä½ãå¼·å¶çã«ä¸ããï¼Tailwindããåªå ï¼ */ 50 html body { 51 font-family: "Noto Sans JP", "Noto Sans JP Fallback", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", YuGothic, "Meiryo", sans-serif !important; 52 } 53 </style> 54 55 <!-- Tailwind CSS --> 56 <link rel="stylesheet" href="/assets/application-e8e6f7bd8254755543c7e19216053a1a2140b92e6c50395d3a0ae04a024f4f70.css" data-turbo-track="reload" /> 57 58 <!-- FontAwesome CDN --> 59 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 60 61 <!-- Alpine.js CDN --> 62
62<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
62 63 64 <!-- Alpine.js ã³ã³ãã¼ãã³ãï¼å¤é¨ãã¡ã¤ã«ï¼ --> 65
65<script src="/js/alpine-app.js?v=1790241513"></script>
65 66 67 <!-- importmap JavaScript --> 68
68<script type="importmap" data-turbo-track="reload">{ 69 "imports": { 70 "application": "/assets/application-f0d0e790b2742c7ee59ca4958abb135d6f905cdb16195ed70bd400e114b4a09d.js", 71 "@hotwired/turbo-rails": "/assets/turbo.min-38d030897e3554a265d3a3b6bdf4fb7509b08197ba2b6e3761683c07e776c1bc.js", 72 "@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js", 73 "@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js", 74 "product_detail": "/assets/product_detail-dae6798ff2689dd4eea7768ed98a7eb64c63a04759476a101f327e40d5e50a51.js", 75 "product_gallery": "/assets/product_gallery-f73b187cc93702b835fed535fed67f37b426ff30663c52fa89b29a64bd524523.js", 76 "product_gallery_enhanced": "/assets/product_gallery_enhanced-145b36f1d2827e6e8a8b4698894383e5b66c668d7c01fa00a8fcbac38b40fb03.js", 77 "product_tabs": "/assets/product_tabs-82c1f026f2afb0567ccbe577ef92add4f67590cf6551ef099fe733ea57c7e9bd.js", 78 "ebook_modal": "/assets/ebook_modal-acb1b3d2235e2ccd573c41965511b912b06e3361c155de61d4feac7026bd9ebd.js", 79 "yubinbango": "https://yubinbango.github.io/yubinbango/yubinbango.js", 80 "controllers/application": "/assets/controllers/application-c6d589ac623de36a476d6273165ef9739ee4ae4bfad82471c6fa11473d7e1abe.js", 81 "controllers/bookmark_controller": "/assets/controllers/bookmark_controller-9163acb03bcb863afe074b6362c31229816164869d691103cde4997cf02a4509.js", 82 "controllers/dropdown_controller": "/assets/controllers/dropdown_controller-2d88d9ec2b3ab8448f7510fe1d15426b3c88896e4f831f8afeb33b125d3cb37b.js", 83 "controllers/form_confirm_controller": "/assets/controllers/form_confirm_controller-301cbae439073de7ee29d53c309a7984e3753e84c208b9b500966bed0fd55b94.js", 84 "controllers/good_controller": "/assets/controllers/good_controller-4b29edff9e945996ec2ba3207f85c7b0d08b0a0c173ab70fb911113681a17e6c.js", 85 "controllers": "/assets/controllers/index-f12dca9fe6a6d31a4e9806f523ea516886906e1fa0aa3b4c61c635bdb48913e5.js", 86 "controllers/postal_controller": "/assets/controllers/postal_controller-e0d172149b601f79d924918aaff13141c1da1c252c3d6ab892cd91e211d53255.js", 87 "controllers/sidebar_controller": "/assets/controllers/sidebar_controller-9f35f61683ec37648d0a6cdcd06561d872bce3d75b18a1054910e18632d869eb.js", 88 "controllers/vote_confirm_controller": "/assets/controllers/vote_confirm_controller-4ec9710c50621e64e441411a955e97fbaca42582f0e980134fb488b56f929ca8.js" 89 } 90}</script>
90 91<link rel="modulepreload" href="/assets/application-f0d0e790b2742c7ee59ca4958abb135d6f905cdb16195ed70bd400e114b4a09d.js"> 92<link rel="modulepreload" href="/assets/turbo.min-38d030897e3554a265d3a3b6bdf4fb7509b08197ba2b6e3761683c07e776c1bc.js"> 93<link rel="modulepreload" href="/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js"> 94<link rel="modulepreload" href="/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js"> 95<link rel="modulepreload" href="/assets/product_detail-dae6798ff2689dd4eea7768ed98a7eb64c63a04759476a101f327e40d5e50a51.js"> 96<link rel="modulepreload" href="/assets/product_gallery-f73b187cc93702b835fed535fed67f37b426ff30663c52fa89b29a64bd524523.js"> 97<link rel="modulepreload" href="/assets/product_gallery_enhanced-145b36f1d2827e6e8a8b4698894383e5b66c668d7c01fa00a8fcbac38b40fb03.js"> 98<link rel="modulepreload" href="/assets/product_tabs-82c1f026f2afb0567ccbe577ef92add4f67590cf6551ef099fe733ea57c7e9bd.js"> 99<link rel="modulepreload" href="/assets/ebook_modal-acb1b3d2235e2ccd573c41965511b912b06e3361c155de61d4feac7026bd9ebd.js"> 100<link rel="modulepreload" href="https://yubinbango.github.io/yubinbango/yubinbango.js"> 101<link rel="modulepreload" href="/assets/controllers/application-c6d589ac623de36a476d6273165ef9739ee4ae4bfad82471c6fa11473d7e1abe.js"> 102<link rel="modulepreload" href="/assets/controllers/bookmark_controller-9163acb03bcb863afe074b6362c31229816164869d691103cde4997cf02a4509.js"> 103<link rel="modulepreload" href="/assets/controllers/dropdown_controller-2d88d9ec2b3ab8448f7510fe1d15426b3c88896e4f831f8afeb33b125d3cb37b.js"> 104<link rel="modulepreload" href="/assets/controllers/form_confirm_controller-301cbae439073de7ee29d53c309a7984e3753e84c208b9b500966bed0fd55b94.js"> 105<link rel="modulepreload" href="/assets/controllers/good_controller-4b29edff9e945996ec2ba3207f85c7b0d08b0a0c173ab70fb911113681a17e6c.js"> 106<link rel="modulepreload" href="/assets/controllers/index-f12dca9fe6a6d31a4e9806f523ea516886906e1fa0aa3b4c61c635bdb48913e5.js"> 107<link rel="modulepreload" href="/assets/controllers/postal_controller-e0d172149b601f79d924918aaff13141c1da1c252c3d6ab892cd91e211d53255.js"> 108<link rel="modulepreload" href="/assets/controllers/sidebar_controller-9f35f61683ec37648d0a6cdcd06561d872bce3d75b18a1054910e18632d869eb.js"> 109<link rel="modulepreload" href="/assets/controllers/vote_confirm_controller-4ec9710c50621e64e441411a955e97fbaca42582f0e980134fb488b56f929ca8.js">
110<script type="module">import "application"</script>
110 111
111<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
111 112 113 <!-- éµä¾¿çªå·ããä½æèªåå ¥å --> 114
114<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
114 115
116<script> 117// FRONT_URLãJavaScriptã§å©ç¨å¯è½ã«ãã 118window.FRONT_URL = 'https://www.fukkan.com/'; 119</script>
119 120 121 122<link rel="alternate" type="application/rss+xml" href="/rss.xml" /> 123<meta name="csrf-param" content="authenticity_token" /> 124<meta name="csrf-token" content="0H8POUYfZeBGsoMeGrghHLs_4c11NX5pGwA7B5Zyw32CMKU_PYJJoMvu7VHfNY87DkPShrxaz46N4-3QpJPDGQ" /> 125 126<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 126-127
126 127<script async src="https://www.googletagmanager.com/gtag/js?id=
127G-1KTT7V4MRK
vendor: 12 bytes, line 127
127"></script>
128<script> 129
vendor: 134 bytes, lines 129-133
129window.dataLayer = window.dataLayer || []; 130 function gtag(){dataLayer.push(arguments);} 131 gtag('js', new Date()); 132 133 gtag('config', '
133G-1KTT7V4MRK
vendor: 4 bytes, line 133
133');
134// gtag('config', 'G-1KTT7V4MRK',{ 'debug_mode': true }); 135 gtag('config', 'UA-1539697-3'); 136</script>
136 137
138<script src="//statics.a8.net/a8sales/a8sales.js"></script>
138 139 140<!-- X conversion tracking base code -->
141<script> 142!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); 143},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js', 144a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); 145twq('config','r8tf8'); 146</script>
146 147<!-- End X conversion tracking base code --> 148 149</head> 150 151<body id="top" class="text-black font-sans antialiased overflow-x-hidden"> 152 <!-- ãããã¼ --> 153 <header class="bg-white sticky top-0 z-50 border-b border-gray-01"> 154 <div class="max-w-content mx-auto px-4 sm:px-6 lg:px-8"> 155 <nav x-data="{ mobileMenuOpen: false, activeTab: 'item' }"> 156 <div class="flex justify-between items-center pt-3 md:pt-4 mb-2"> 157 <!-- ãã´ï¼data-turbo-permanentã§åæç»é²æ¢ï¼ --> 158 <div id="header-logo" data-turbo-permanent class="flex items-center min-w-0"> 159 <a href="/" class="block hover-opacity transition-opacity min-w-0"> 160 <!-- SPçï¼å°ç»é¢ã§ã¯ç¸®å°å¯è½ï¼ --> 161 <img src="/images/fukkan-header.png" alt="復åãããã³ã " class="md:hidden max-w-full h-auto" width="186" height="28"> 162 <!-- PCç --> 163 <img src="/images/fukkan-header.png" alt="復åãããã³ã " class="hidden md:block" width="278" height="42"> 164 </a> 165 </div> 166 167 <!-- ãã¹ã¯ãããã»ã¿ãã¬ããã¡ãã¥ã¼ï¼å·¦å´ï¼æ¤ç´¢ãã©ã¼ã ï¼ --> 168 <div class="hidden md:block ml-5"> 169 <!-- æ¤ç´¢ãã©ã¼ã ï¼åºå®å¹ ï¼ --> 170 <div class="w-[360px]"> 171 <form :action="activeTab === 'item' ? '/list/isearch' : '/list/rsearch'" method="get" class="relative flex" data-turbo="false" x-data="autocomplete"> 172 <input 173 type="text" 174 name="searchval" 175 value="" 176 :placeholder="activeTab === 'item' ? 'ååãæ¤ç´¢' : '復åãªã¯ã¨ã¹ããæ¤ç´¢'" 177 class="w-full pl-4 pr-3 py-2 bg-white border border-main rounded-l-lg focus:outline-none text-base placeholder-gray-03" 178 x-model="searchTerm" 179 x-init="searchTerm = $el.value" 180 @input="fetchSuggestions()" 181 @keydown="handleKeydown($event)" 182 @focus="document.documentElement.classList.add('is-focusing-search'); showSuggestions = suggestions.length > 0" 183 @blur="document.documentElement.classList.remove('is-focusing-search'); setTimeout(() => showSuggestions = false, 200)" 184 autocomplete="off" 185 > 186 <button type="submit" class="flex-shrink-0 px-2 bg-main hover-opacity transition-opacity rounded-r-lg"> 187 <svg class="w-[32px] h-[32px] text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 188 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> 189 </svg> 190 </button> 191 <!-- ãªã¼ãã³ã³ããªã¼ãåè£ --> 192 <div x-show="showSuggestions && suggestions.length > 0" 193 x-transition:enter="transition ease-out duration-100" 194 x-transition:enter-start="opacity-0 transform scale-95" 195 x-transition:enter-end="opacity-100 transform scale-100" 196 x-transition:leave="transition ease-in duration-75" 197 x-transition:leave-start="opacity-100 transform scale-100" 198 x-transition:leave-end="opacity-0 transform scale-95" 199 class="absolute z-50 mt-11 w-full bg-white rounded-md shadow-lg border border-gray-200 max-h-80 overflow-auto" 200 style="display: none;"> 201 <template x-for="(suggestion, index) in suggestions" :key="index"> 202 <div @click="selectSuggestion(suggestion)" 203 :class="index === selectedIndex ? 'bg-blue-50' : 'hover:bg-gray-50'" 204 class="px-4 py-2 cursor-pointer text-small border-b border-gray-100 last:border-b-0"> 205 <div class="truncate" x-text="suggestion.name"></div> 206 <div class="text-small text-gray-02 truncate" x-show="suggestion.subname" x-text="suggestion.subname"></div> 207 </div> 208 </template> 209 </div> 210 </form> 211 </div> 212 </div> 213 214 <!-- ä¸å¤®ã®ä¼¸ç¸®ã¹ãã¼ã¹ --> 215 <div class="hidden md:block flex-1"></div> 216 217 <!-- ãã¹ã¯ãããã»ã¿ãã¬ããã¡ãã¥ã¼ï¼å³å´ã¢ã¤ã³ã³ç¾¤ --> 218 <div class="hidden md:flex items-center space-x-[20px]"> 219 220 <!-- ã¦ã¼ã¶ã¼ã¡ãã¥ã¼ï¼PCçã®ã¿è¡¨ç¤ºã»é«ãåºå®ï¼ --> 221 <div class="hidden md:flex items-center h-[58px]"> 222 <div class="hidden lg:flex items-center text-small"> 223 <a href="/login/" class="text-main hover-opacity transition-opacity">ãã°ã¤ã³</a>
224 <span class="text-gray-02 mx-1">/</span> 225 <a href="/signup" class="text-main hover-opacity transition-opacity">æ°è¦ä¼å¡ç»é²</a> 226 </div> 227 </div> 228 229 <!-- ãæ°ã«å ¥ã --> 230 <a href="/my/bookmark" class="hover-opacity transition-opacity"> 231 <svg class="h-[38px] w-[38px]" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"> 232 <mask id="mask0_fav_pc" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="42" height="42"> 233 <rect width="42" height="42" fill="#D9D9D9"/> 234 </mask> 235 <g mask="url(#mask0_fav_pc)"> 236 <path d="M13.032 3.50003C14.7508 3.50375 16.4524 3.83777 18.0394 4.48353C19.1045 4.91693 20.1039 5.48581 21.013 6.17278C23.2863 4.51402 26.0645 3.61356 28.9299 3.63099C32.3619 3.65192 35.6521 4.98811 38.0861 7.35667C40.5208 9.72606 41.9033 12.9387 41.9255 16.2995C41.9476 19.6605 40.6083 22.8909 38.2047 25.2907C38.1993 25.2961 38.1932 25.3012 38.1878 25.3066L25.4587 37.6982C24.2706 38.8543 22.6636 39.5 20.9934 39.5C19.3233 39.5 17.7171 38.8543 16.529 37.6982L3.80444 25.3136C2.58066 24.1327 1.60742 22.727 0.941387 21.1766C0.275233 19.6257 -0.0704029 17.9608 -0.0741879 16.2784C-0.0779364 14.5962 0.259958 12.9304 0.919096 11.3768C1.57826 9.82311 2.54549 8.41287 3.76431 7.22659C4.98303 6.04042 6.42921 5.10149 8.01921 4.46243C9.60925 3.82339 11.3131 3.49637 13.032 3.50003ZM13.024 7.10003C11.7797 7.09738 10.5475 7.3344 9.39857 7.79612C8.24966 8.25788 7.20706 8.93539 6.33045 9.7886C5.45399 10.6417 4.76043 11.6534 4.2886 12.7655C3.81678 13.8775 3.57528 15.0687 3.57796 16.2705C3.58066 17.4724 3.82691 18.6628 4.30375 19.773C4.72104 20.7444 5.30798 21.6384 6.03799 22.4158L6.35987 22.7419L6.36522 22.7472L19.0942 35.1362C19.594 35.6225 20.2769 35.9 20.9934 35.9C21.6204 35.9 22.2212 35.6873 22.6965 35.3085L22.8926 35.1362L35.6216 22.7445C37.339 21.0212 38.2891 18.7151 38.2734 16.3233C38.2576 13.9239 37.2714 11.6222 35.5209 9.91868C33.7696 8.21438 31.3938 7.24616 28.9076 7.23098C26.4215 7.21582 24.0337 8.15503 22.2604 9.83782C21.5447 10.5171 20.409 10.5078 19.705 9.81672C18.8323 8.95981 17.7926 8.2777 16.6458 7.81106C15.4991 7.34449 14.2682 7.10272 13.024 7.10003Z" fill="#9A9A9A"/> 237 </g> 238 </svg> 239 </a> 240 241 <!-- ã«ã¼ã --> 242 <a href="/cart/" class="relative hover-opacity transition-opacity"> 243 <svg class="h-[38px] w-[38px]" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"> 244 <mask id="mask0_cart_pc" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="42" height="42"> 245 <rect width="42" height="42" fill="#D9D9D9"/> 246 </mask> 247 <g mask="url(#mask0_cart_pc)"> 248 <path d="M33.1258 32.7C34.1601 32.7 35.1521 33.1109 35.8835 33.8423C36.6149 34.5737 37.0258 35.5657 37.0258 36.6C37.0258 37.6343 36.6149 38.6263 35.8835 39.3577C35.1521 40.0891 34.1601 40.5 33.1258 40.5C32.0914 40.5 31.0995 40.0891 30.3681 39.3577C29.6367 38.6263 29.2258 37.6343 29.2258 36.6C29.2258 34.4355 30.9613 32.7 33.1258 32.7ZM1.92578 3.45C1.92578 2.37304 2.79883 1.5 3.87578 1.5H7.03239C7.80747 1.5 8.51276 1.94782 8.84244 2.64928L10.1353 5.4H38.9758C39.493 5.4 39.9889 5.60545 40.3546 5.97114C40.7203 6.33684 40.9258 6.83283 40.9258 7.35C40.9258 7.6815 40.8283 8.013 40.6918 8.325L33.7108 20.9415C33.0478 22.131 31.7608 22.95 30.2983 22.95H15.7708L14.0158 26.1285L13.9573 26.3625C13.9573 26.4918 14.0086 26.6158 14.1001 26.7072C14.1915 26.7986 14.3155 26.85 14.4448 26.85H35.0758C36.1527 26.85 37.0258 27.723 37.0258 28.8C37.0258 29.877 36.1527 30.75 35.0758 30.75H13.6258C12.5914 30.75 11.5995 30.3391 10.8681 29.6077C10.1367 28.8763 9.72578 27.8843 9.72578 26.85C9.72578 26.1675 9.90128 25.524 10.1938 24.978L12.8458 20.2005L5.82578 5.4H3.87578C2.79883 5.4 1.92578 4.52696 1.92578 3.45ZM13.6258 32.7C14.6601 32.7 15.6521 33.1109 16.3835 33.8423C17.1149 34.5737 17.5258 35.5657 17.5258 36.6C17.5258 37.6343 17.1149 38.6263 16.3835 39.3577C15.6521 40.0891 14.6601 40.5 13.6258 40.5C12.5914 40.5 11.5995 40.0891 10.8681 39.3577C10.1367 38.6263 9.72578 37.6343 9.72578 36.6C9.72578 34.4355 11.4613 32.7 13.6258 32.7ZM31.1758 19.05L36.5968 9.3H11.9488L16.5508 19.05H31.1758Z" fill="#9A9A9A"/> 249 </g> 250 </svg> 251 </a> 252 253 <!-- ãã³ãã¼ã¬ã¼ã¡ãã¥ã¼ãã¿ã³ --> 254 <button @click="mobileMenuOpen = !mobileMenuOpen" class="hover-opacity transition-opacity"> 255 <svg class="h-[38px] w-[38px]" viewBox="0 0 56 37" fill="none" xmlns="http://www.w3.org/2000/svg"> 256 <path d="M3.107 37H52.8189C54.5278 37 55.9259 35.6125 55.9259 33.9167C55.9259 32.2208 54.5278 30.8333 52.8189 30.8333H3.107C1.39815 30.8333 0 32.2208 0 33.9167C0 35.6125 1.39815 37 3.107 37ZM3.107 21.5833H52.8189C54.5278 21.5833 55.9259 20.1958 55.9259 18.5C55.9259 16.8042 54.5278 15.4167 52.8189 15.4167H3.107C1.39815 15.4167 0 16.8042 0 18.5C0 20.1958 1.39815 21.5833 3.107 21.5833ZM0 3.08333C0 4.77917 1.39815 6.16667 3.107 6.16667H52.8189C54.5278 6.16667 55.9259 4.77917 55.9259 3.08333C55.9259 1.3875 54.5278 0 52.8189 0H3.107C1.39815 0 0 1.3875 0 3.08333Z" fill="#C4005B"/> 257 </svg> 258 </button> 259 </div> 260 261 <!-- ã¢ãã¤ã«ç¨ã¢ã¤ã³ã³ã¨ã¡ãã¥ã¼ãã¿ã³ --> 262 <div class="md:hidden flex items-center space-x-4"> 263 <!-- ãæ°ã«å ¥ã --> 264 <a href="/my/bookmark" class="hover-opacity transition-opacity"> 265 <svg class="h-[26px] w-[26px]" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"> 266 <mask id="mask0_fav_sp" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="42" height="42"> 267 <rect width="42" height="42" fill="#D9D9D9"/> 268 </mask> 269 <g mask="url(#mask0_fav_sp)"> 270 <path d="M13.032 3.50003C14.7508 3.50375 16.4524 3.83777 18.0394 4.48353C19.1045 4.91693 20.1039 5.48581 21.013 6.17278C23.2863 4.51402 26.0645 3.61356 28.9299 3.63099C32.3619 3.65192 35.6521 4.98811 38.0861 7.35667C40.5208 9.72606 41.9033 12.9387 41.9255 16.2995C41.9476 19.6605 40.6083 22.8909 38.2047 25.2907C38.1993 25.2961 38.1932 25.3012 38.1878 25.3066L25.4587 37.6982C24.2706 38.8543 22.6636 39.5 20.9934 39.5C19.3233 39.5 17.7171 38.8543 16.529 37.6982L3.80444 25.3136C2.58066 24.1327 1.60742 22.727 0.941387 21.1766C0.275233 19.6257 -0.0704029 17.9608 -0.0741879 16.2784C-0.0779364 14.5962 0.259958 12.9304 0.919096 11.3768C1.57826 9.82311 2.54549 8.41287 3.76431 7.22659C4.98303 6.04042 6.42921 5.10149 8.01921 4.46243C9.60925 3.82339 11.3131 3.49637 13.032 3.50003ZM13.024 7.10003C11.7797 7.09738 10.5475 7.3344 9.39857 7.79612C8.24966 8.25788 7.20706 8.93539 6.33045 9.7886C5.45399 10.6417 4.76043 11.6534 4.2886 12.7655C3.81678 13.8775 3.57528 15.0687 3.57796 16.2705C3.58066 17.4724 3.82691 18.6628 4.3
2700375 19.773C4.72104 20.7444 5.30798 21.6384 6.03799 22.4158L6.35987 22.7419L6.36522 22.7472L19.0942 35.1362C19.594 35.6225 20.2769 35.9 20.9934 35.9C21.6204 35.9 22.2212 35.6873 22.6965 35.3085L22.8926 35.1362L35.6216 22.7445C37.339 21.0212 38.2891 18.7151 38.2734 16.3233C38.2576 13.9239 37.2714 11.6222 35.5209 9.91868C33.7696 8.21438 31.3938 7.24616 28.9076 7.23098C26.4215 7.21582 24.0337 8.15503 22.2604 9.83782C21.5447 10.5171 20.409 10.5078 19.705 9.81672C18.8323 8.95981 17.7926 8.2777 16.6458 7.81106C15.4991 7.34449 14.2682 7.10272 13.024 7.10003Z" fill="#9A9A9A"/> 271 </g> 272 </svg> 273 </a> 274 275 <!-- ã«ã¼ã --> 276 <a href="/cart/" class="relative hover-opacity transition-opacity"> 277 <svg class="h-[26px] w-[26px]" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"> 278 <mask id="mask0_cart_sp" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="42" height="42"> 279 <rect width="42" height="42" fill="#D9D9D9"/> 280 </mask> 281 <g mask="url(#mask0_cart_sp)"> 282 <path d="M33.1258 32.7C34.1601 32.7 35.1521 33.1109 35.8835 33.8423C36.6149 34.5737 37.0258 35.5657 37.0258 36.6C37.0258 37.6343 36.6149 38.6263 35.8835 39.3577C35.1521 40.0891 34.1601 40.5 33.1258 40.5C32.0914 40.5 31.0995 40.0891 30.3681 39.3577C29.6367 38.6263 29.2258 37.6343 29.2258 36.6C29.2258 34.4355 30.9613 32.7 33.1258 32.7ZM1.92578 3.45C1.92578 2.37304 2.79883 1.5 3.87578 1.5H7.03239C7.80747 1.5 8.51276 1.94782 8.84244 2.64928L10.1353 5.4H38.9758C39.493 5.4 39.9889 5.60545 40.3546 5.97114C40.7203 6.33684 40.9258 6.83283 40.9258 7.35C40.9258 7.6815 40.8283 8.013 40.6918 8.325L33.7108 20.9415C33.0478 22.131 31.7608 22.95 30.2983 22.95H15.7708L14.0158 26.1285L13.9573 26.3625C13.9573 26.4918 14.0086 26.6158 14.1001 26.7072C14.1915 26.7986 14.3155 26.85 14.4448 26.85H35.0758C36.1527 26.85 37.0258 27.723 37.0258 28.8C37.0258 29.877 36.1527 30.75 35.0758 30.75H13.6258C12.5914 30.75 11.5995 30.3391 10.8681 29.6077C10.1367 28.8763 9.72578 27.8843 9.72578 26.85C9.72578 26.1675 9.90128 25.524 10.1938 24.978L12.8458 20.2005L5.82578 5.4H3.87578C2.79883 5.4 1.92578 4.52696 1.92578 3.45ZM13.6258 32.7C14.6601 32.7 15.6521 33.1109 16.3835 33.8423C17.1149 34.5737 17.5258 35.5657 17.5258 36.6C17.5258 37.6343 17.1149 38.6263 16.3835 39.3577C15.6521 40.0891 14.6601 40.5 13.6258 40.5C12.5914 40.5 11.5995 40.0891 10.8681 39.3577C10.1367 38.6263 9.72578 37.6343 9.72578 36.6C9.72578 34.4355 11.4613 32.7 13.6258 32.7ZM31.1758 19.05L36.5968 9.3H11.9488L16.5508 19.05H31.1758Z" fill="#9A9A9A"/> 283 </g> 284 </svg> 285 </a> 286 287 <!-- ãã³ãã¼ã¬ã¼ã¡ãã¥ã¼ãã¿ã³ --> 288 <button @click="mobileMenuOpen = !mobileMenuOpen" class="p-2 rounded-md hover-opacity transition-opacity"> 289 <svg class="h-[25px] w-[28px]" viewBox="0 0 56 37" fill="none" xmlns="http://www.w3.org/2000/svg"> 290 <path d="M3.107 37H52.8189C54.5278 37 55.9259 35.6125 55.9259 33.9167C55.9259 32.2208 54.5278 30.8333 52.8189 30.8333H3.107C1.39815 30.8333 0 32.2208 0 33.9167C0 35.6125 1.39815 37 3.107 37ZM3.107 21.5833H52.8189C54.5278 21.5833 55.9259 20.1958 55.9259 18.5C55.9259 16.8042 54.5278 15.4167 52.8189 15.4167H3.107C1.39815 15.4167 0 16.8042 0 18.5C0 20.1958 1.39815 21.5833 3.107 21.5833ZM0 3.08333C0 4.77917 1.39815 6.16667 3.107 6.16667H52.8189C54.5278 6.16667 55.9259 4.77917 55.9259 3.08333C55.9259 1.3875 54.5278 0 52.8189 0H3.107C1.39815 0 0 1.3875 0 3.08333Z" fill="#C4005B"/> 291 </svg> 292 </button> 293 </div> 294 </div> 295 296 <!-- ã¢ãã¤ã«ç¨æ¤ç´¢ãã©ã¼ã ï¼2段ç®ï¼ --> 297 <div class="md:hidden mb-3"> 298 <form :action="activeTab === 'item' ? '/list/isearch' : '/list/rsearch'" method="get" class="relative flex" data-turbo="false" x-data="autocomplete"> 299 <input 300 type="text" 301 name="searchval" 302 value="" 303 :placeholder="activeTab === 'item' ? 'ååãæ¤ç´¢' : '復åãªã¯ã¨ã¹ããæ¤ç´¢'" 304 class="w-full pl-4 pr-3 py-2 bg-white border border-main rounded-l-lg focus:outline-none text-[16px] placeholder-gray-03" 305 x-model="searchTerm" 306 x-init="searchTerm = $el.value"
307 @input="fetchSuggestions()" 308 @keydown="handleKeydown($event)" 309 @focus="document.documentElement.classList.add('is-focusing-search'); showSuggestions = suggestions.length > 0" 310 @blur="document.documentElement.classList.remove('is-focusing-search'); setTimeout(() => showSuggestions = false, 200)" 311 autocomplete="off" 312 > 313 <button type="submit" class="flex-shrink-0 px-4 bg-main hover-opacity transition-opacity rounded-r-lg"> 314 <svg class="w-[32px] h-[32px] text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 315 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> 316 </svg> 317 </button> 318 <!-- ãªã¼ãã³ã³ããªã¼ãåè£ --> 319 <div x-show="showSuggestions && suggestions.length > 0" 320 x-transition:enter="transition ease-out duration-100" 321 x-transition:enter-start="opacity-0 transform scale-95" 322 x-transition:enter-end="opacity-100 transform scale-100" 323 x-transition:leave="transition ease-in duration-75" 324 x-transition:leave-start="opacity-100 transform scale-100" 325 x-transition:leave-end="opacity-0 transform scale-95" 326 class="absolute z-50 mt-11 w-full bg-white rounded-md shadow-lg border border-gray-200 max-h-80 overflow-auto" 327 style="display: none;"> 328 <template x-for="(suggestion, index) in suggestions" :key="index"> 329 <div @click="selectSuggestion(suggestion)" 330 :class="index === selectedIndex ? 'bg-blue-50' : 'hover:bg-gray-50'" 331 class="px-4 py-2 cursor-pointer text-small border-b border-gray-100 last:border-b-0"> 332 <div class="truncate" x-text="suggestion.name"></div> 333 <div class="text-small text-gray-02 truncate" x-show="suggestion.subname" x-text="suggestion.subname"></div> 334 </div> 335 </template> 336 </div> 337 </form> 338 </div> 339 340 <!-- ãã³ãã¼ã¬ã¼ã¡ãã¥ã¼èæ¯ãªã¼ãã¼ã¬ã¤ --> 341<div x-show="mobileMenuOpen" 342 x-transition:enter="transition ease-out duration-200" 343 x-transition:enter-start="opacity-0" 344 x-transition:enter-end="opacity-100" 345 x-transition:leave="transition ease-in duration-150" 346 x-transition:leave-start="opacity-100" 347 x-transition:leave-end="opacity-0" 348 class="fixed inset-0 bg-black/50 z-40" 349 @click="mobileMenuOpen = false" 350 style="display: none;"> 351</div> 352 353<!-- ãã³ãã¼ã¬ã¼ã¡ãã¥ã¼æ¬ä½ --> 354<div x-show="mobileMenuOpen" 355 x-transition:enter="transition ease-out duration-200" 356 x-transition:enter-start="opacity-0" 357 x-transition:enter-end="opacity-100" 358 x-transition:leave="transition ease-in duration-150" 359 x-transition:leave-start="opacity-100" 360 x-transition:leave-end="opacity-0" 361 class="hamburger-menu-panel fixed top-0 bg-white z-50 shadow-2xl w-full xs:w-[400px] md:w-[496px] max-h-screen overflow-y-auto" 362 style="display: none;"> 363 364 <!-- ãããã¼é¨åï¼ã¦ã¼ã¶ã¼æ å ± + éãããã¿ã³ï¼ --> 365 <div class="pl-5 pr-6 sm:pr-8 md:pr-6 lg:pr-8 pt-3 pb-[12px] md:pl-10 md:pt-4 md:pb-4 flex justify-between items-center"> 366 <!-- ã¦ã¼ã¶ã¼æ å ± --> 367 <div class="flex items-center text-small"> 368 <a href="/login/" class="text-main hover-opacity transition-opacity">ãã°ã¤ã³</a> 369 <span class="text-gray-02 mx-1">/</span> 370 <a href="/signup" class="text-main hover-opacity transition-opacity">æ°è¦ä¼å¡ç»é²</a> 371 </div> 372 <!-- éãããã¿ã³ --> 373 <button @click="mobileMenuOpen = false" class="p-2 md:p-0 hover-opacity transition-opacity"> 374 <!-- PCçéãããã¿ã³ --> 375 <svg class="hidden md:block translate-y-2" width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"> 376 <rect x="5.36396" y="0.878677" width="45" height="6" rx="3" transform="rotate(45 5.36396 0.878677)" fill="#C4005B"/> 377 <rect x="1.12134" y="32.7132" width="45" height="6" rx="3" transform="rotate(-45 1.12134 32.7132)" fill="#C4005B"/> 378 </svg> 379 <!-- SPçéãããã¿ã³ --> 380 <svg class="md:hidden translate-x-1" width="25" height="25" viewB
380ox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 381 <rect x="3.53553" y="0.585785" width="29.5" height="4" rx="2" transform="rotate(45 3.53553 0.585785)" fill="#C4005B"/> 382 <rect x="0.707108" y="21.4558" width="29.5" height="4" rx="2" transform="rotate(-45 0.707108 21.4558)" fill="#C4005B"/> 383 </svg> 384 </button> 385 </div> 386 387 <!-- ã¡ãã¥ã¼ã³ã³ãã³ã --> 388 <div class="pb-6"> 389 390 <!-- ã·ã§ããã³ã°ã»ã¯ã·ã§ã³ --> 391 <div class="hmenu-section-shopping"> 392 <div class="hmenu-section-header"> 393 <h3 class="hmenu-section-title hmenu-section-title-main">ã·ã§ããã³ã°</h3> 394 <div class="hmenu-divider-main"></div> 395 </div> 396 <div class="hmenu-grid hmenu-section-content"> 397 <!-- å·¦ã«ã©ã ï¼ã¡ãã¥ã¼ --> 398 <div class="hmenu-menu-column"> 399 <ul class="hmenu-menu-list"> 400 <li><a href="/list/isearch" class="hmenu-link">ååä¸è¦§</a></li> 401 <li><a href="/list/isearch?z=2" class="hmenu-link">é»åæ¸ç±ä¸è¦§</a></li> 402 <li><a href="/c/item/list2026" class="hmenu-link">復åãããã³ã çºè¡æ¸ç±</a></li> 403 <li><a href="/rank/item" class="hmenu-link">販売ã©ã³ãã³ã°</a></li> 404 </ul> 405 </div> 406 <!-- å³ã«ã©ã ï¼ã¸ã£ã³ã« --> 407 <div class="hmenu-genre-column"> 408 <ul class="hmenu-menu-list"> 409 <li><a href="/cart/explain" class="hmenu-link">æ¯æãã»é éæ¹æ³</a></li> 410 <li><a href="/cart" class="hmenu-link">ã·ã§ããã³ã°ã«ã¼ã</a></li> 411 <li><a href="/my/bookmark" class="hmenu-link">ãæ°ã«å ¥ã</a></li> 412 <li><a href="/my/order/list" class="hmenu-link">注æå±¥æ´</a></li> 413 </ul> 414 </div> 415 </div> 416 </div> 417 418 <!-- ã»ã¯ã·ã§ã³åºåã --> 419 <div class="h-2 bg-white"></div> 420 421 <!-- 復åãªã¯ã¨ã¹ãã»ã¯ã·ã§ã³ --> 422 <div class="hmenu-section-request"> 423 <div class="hmenu-section-header"> 424 <h3 class="hmenu-section-title hmenu-section-title-sub">復åãªã¯ã¨ã¹ã</h3> 425 <div class="hmenu-divider-sub"></div> 426 </div> 427 <div class="hmenu-grid hmenu-section-content"> 428 <!-- å·¦ã«ã©ã ï¼ã¡ãã¥ã¼ --> 429 <div class="hmenu-menu-column"> 430 <ul class="hmenu-menu-list"> 431 <li><a href="/list/rsearch" class="hmenu-link">ãªã¯ã¨ã¹ãä¸è¦§</a></li> 432 <li><a href="/req/input" class="hmenu-link">æ°è¦å¾©åãªã¯ã¨ã¹ã</a></li> 433 <li><a href="/rank/vote" class="hmenu-link">æ票ã©ã³ãã³ã°</a></li> 434 </ul> 435 </div> 436 <!-- å³ã«ã©ã ï¼ã¸ã£ã³ã« --> 437 <div class="hmenu-genre-column"> 438 <ul class="hmenu-menu-list"> 439 <li><a href="/welcome" class="hmenu-link">åãã¦ã®æ¹ã¸</a></li> 440 <li><a href="/special" class="hmenu-link">復åãªã¯ã¨ã¹ãä¼ç»</a></li> 441 <li><a href="/my/vote/list" class="hmenu-link">æ票履æ´</a></li> 442 </ul> 443 </div> 444 </div> 445 </div> 446 447 <!-- ãã®ä»ã»ã¯ã·ã§ã³ --> 448 <div class="hmenu-section-mypage"> 449 <div class="hmenu-section-header"> 450 <h3 class="hmenu-section-title hmenu-section-title-black">ãã®ä»</h3> 451 <div class="hmenu-divider-black"></div> 452 </div> 453 <div class="hmenu-grid hmenu-section-content"> 454 <!-- å·¦ã«ã©ã ï¼ã¡ãã¥ã¼ --> 455 <div class="hmenu-menu-column"> 456 <ul class="hmenu-menu-list"> 457 <li><a href="/login" class="hmenu-link">ãã°ã¤ã³</a></li> 458 <li><a href="/signup" class="hmenu-link">æ°è¦ä¼å¡ç»é²</a></li> 459 </ul> 460 </div> 461 <!-- å³ã«ã©ã ï¼ãã¤ã³ãã»ãã°ã¢ã¦ã --> 462 <div class="hmenu-genre-column"> 463 <ul class="hmenu-menu-list"> 464 <li><a href="/help/" class="hmenu-link">ãã«ãã»åãåãã</a></li> 465 <li><a href="/tid" class="hmenu-link">Vãã¤ã³ãå©ç¨æç¶ã</a></li> 466 </ul> 467 </div> 468 </div> 469 </div> 470 471 </div> 472</div> 473 474 475 <!-- ã¡ã¤ã³ã¡ãã¥ã¼ä¸æ®µï¼å ¨ãµã¤ãºå ±éï¼ --> 476 <div class="flex justify-center items-center mb-2"> 477 <div class="flex items-center text-medium xs:text-large font-bold"> 478 <a href="/list/isearch" class="header-nav-link header-nav-link-main whitespace-nowrap relative pb-[4px] md:pb-[4px] border-b-[2px] md:border-b-[3px] border-transparent "> 479 ã·ã§ããã³ã° 480 </a>
481 <span class="mx-3 xs:mx-6 font-normal self-start">ï½</span> 482 <a href="/list/rsearch" class="header-nav-link header-nav-link-sub whitespace-nowrap relative pb-[4px] md:pb-[4px] border-b-[2px] md:border-b-[3px] border-transparent "> 483 復åãªã¯ã¨ã¹ã 484 </a> 485 </div> 486 </div> 487</nav> 488 489 </div> 490 </header> 491 492 <!-- ã¡ã¤ã³ã³ã³ãã³ã --> 493 <main class="min-h-screen section-gap"> 494 <!-- ã¸ã£ã³ã«ããã²ã¼ã·ã§ã³ --> 495 496 497 <div class="max-w-content mx-auto px-4 sm:px-6 lg:px-8 pt-5 pb-5"> 498 499 500<!-- ã³ã³ãã³ãã¨ãªã¢éå§ --> 501 502<div class="content-box shadowed mb-10"> 503 <h2 class="text-large font-bold mb-6 text-center">æ°è¦ä¼å¡ç»é²</h2> 504 505 <!-- ã©ããã¼ã¢ã¼ãï¼ã¨ã©ã¼è¡¨ç¤º + ã³ã³ãã³ã --> 506 507 <section class="content-box bordered mb-6"> 508 <h3 class="text-medium mb-4">ä»ãµã¤ãã®IDã§ä¼å¡ç»é²</h3> 509 510 <div class="flex flex-col md:flex-row xs:items-center justify-center gap-3 mb-4"> 511 <form class="button_to" method="post" action="/fk_users/auth/twitter"><button data-turbo="false" class="flex items-center justify-center font-bold rounded-[10px] hover-opacity transition-opacity w-full xs:w-[217px] h-[47px] md:w-[270px] md:h-[48px] bg-black text-white" type="submit">X IDã§ä¼å¡ç»é²</button><input type="hidden" name="authenticity_token" value="8bYSQK10XaDRRMftsmhgXffTTleLcGlbS8TIiebqsz7wM2cd1Sz5O_X67oW8_zFkcMEMxVdlzFprsku9O4J9_g" /></form> 512 513 <form class="button_to" method="post" action="/fk_users/auth/yahoojp"><button data-turbo="false" class="flex items-center justify-center font-bold rounded-[10px] hover-opacity transition-opacity w-full xs:w-[217px] h-[47px] md:w-[270px] md:h-[48px] bg-yahoo text-white" type="submit">Yahoo! JAPAN IDã§ä¼å¡ç»é²</button><input type="hidden" name="authenticity_token" value="CxjyXoKgNTRmPu85c5kE5FKab7haTctCdUc0QfPoV_JcW8TDtoolCcgW70VnsGvxY2RdWHKKNewQkPN5PJuUzw" /></form> 514 515 </div> 516 517 <div class="">ä¸è¨ãµã¼ãã¹ã®ã¢ã«ã¦ã³ããå©ç¨ããã¨ãã°ã¤ã³æã«ãã¹ã¯ã¼ãå ¥åãçç¥ã§ãã¾ãã</div> 518 </section> 519 520 <div class="mb-6"> 521 <p class="">復åãããã³ã ã®ãµã¼ãã¹ããå©ç¨é ãã«ã¯æ°è¦ä¼å¡ç»é²ãå¿ è¦ã§ãã</p> 522 </div> 523 524 <form class="space-y-6" id="new_fk_user" action="/signup" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SnZXXktc66GwaUmmYXM6-TFWmTrXdNXUi8o6rrb6Qm_vJJqky2FGlKdfKyYzzhHlaTfmeDIN5QzDceXTAaXuuw" /> 525 <div class="form-group"> 526 <!-- å ¥åã¢ã¼ã --> 527 <label for="fk_user_name" class="form-label form-label-required"> 528 ãåå 529 </label> 530 531 <input class="form-input" placeholder="復å 太é" id="fk_user_name" autofocus="autofocus" autocomplete="name" type="text" name="fk_user[name]" /> 532 533 534 <p class="form-note">â»ãã¼ã ãã¼ã¸ä¸ã§ã¯å ¬éããã¾ããã</p> 535 536 537</div> 538 539 <div class="form-group"> 540 <!-- å ¥åã¢ã¼ã --> 541 <label for="fk_user_login" class="form-label form-label-required"> 542 ã¦ã¼ã¶ã¼å 543 </label> 544 545 <input class="form-input" placeholder="16æå以å " id="fk_user_login" autocomplete="username" maxlength="16" size="16" type="text" name="fk_user[login]" /> 546 547 548 <p class="form-note">â»æ票ã³ã¡ã³ããã¬ãã¥ã¼çã§ä½¿ç¨ãããããªãã®å ¬éãã¼ã ã§ãã<br>â»çµµæåã¯å ¥åã§ãã¾ããã</p> 549 550 551</div> 552 553 <div class="form-group"> 554 <!-- å ¥åã¢ã¼ã --> 555 <label for="fk_user_email" class="form-label form-label-required"> 556 ã¡ã¼ã«ã¢ãã¬ã¹ 557 </label> 558 559 <input class="form-input" placeholder="[email protected]" id="fk_user_email" autocomplete="email" type="email" name="fk_user[email]" /> 560 561 562 <p class="form-note">â»åä¿¡å¯è½ãªã¡ã¼ã«ã¢ãã¬ã¹ãåè§ã§å ¥åãã¦ãã ããã<br>â»è¿·æã¡ã¼ã«å¯¾ççã®ããæå®åä¿¡è¨å®ãããã¦ããæ¹ã¯ãã@fukkan.comãããã®ã¡ã¼ã«ãåä¿¡ã§ããããã«è¨å®ãã¦ãã ããã</p> 563 564 565</div> 566 567 <div class="form-group"> 568 <!-- å ¥åã¢ã¼ã --> 569 <label for="fk_user_password" class="form-label form-label-required"> 570 ãã¹ã¯ã¼ã 571 </label> 572 573 <input class="form-input" placeholder="xxxxxx" id="fk_user_password" autocomplete="new-password" type="password" name="fk_user[password]" /> 574 575 576 <p class="form-note">â»ãã¹ã¯ã¼ãã¯è±åã¨æ°åã1æå以ä¸å«ã8æå以ä¸ã§å ¥åãã¦ãã ããã</p> 577 578 579</div> 580 581 <div class="form-group"> 582 <!-- å ¥åã¢ã¼ã --> 583 <label for="fk_user_password_confirmation" class="form-label form-label-required"> 584 ãã¹ã¯ã¼ãï¼ç¢ºèªï¼ 585 </label> 586 587 <input class="form-input" id="fk_user_password_confirmation" autocomplete="new-password" type="password" name="fk_user[password_confirmation]" /> 588 589 590 591 592</div> 593 594 595 <div class="space-y-4"> 596 <div class="form-group"> 597 <!-- å ¥åã¢ã¼ã --> 598 <label for="fk_user_user_sex_kbn" class="form-label"> 599 æ§å¥ 600 </label> 601 602 <select class="form-select w-44" id="fk_user_user_sex_kbn" name="fk_user[user_sex_kbn]"><option value="">é¸æãã¦ãã ãã</option> 603<option value="0">æå®ãªã</option> 604<option value="1">ç·æ§</option> 605<option value="2">女æ§</option></select> 606 607 608 609 610</div> 611 612 <div class="form-group"> 613 <!-- å ¥åã¢ã¼ã --> 614 <label for="fk_user_user_birthday" class="form-label"> 615 çå¹´ææ¥ 616 </label> 617 618 <div class="date-select-container"> 619 <div class="date-select-group"><select id="fk_user_user_birthday_1i" name="fk_user[user_birthday(1i)]" class="form-select"> 620<option value="" label=" "></option> 621<option value="1930">1930</option> 622<option value="1931">1931</option> 623<option value="1932">1932</option> 624<option value="1933">1933</option> 625<option value="1934">1934</option> 626<option value="1935">1935</option> 627<option value="1936">1936</option> 628<option value="1937">1937</option> 629<option value="1938">1938</option> 630<option value="1939">1939</option> 631<option value="1940">1940</option> 632<option value="1941">1941</option> 633<option value="1942">1942</option> 634<option value="1943">1943</option> 635<option value="1944">1944</option> 636<option value="1945">1945</option> 637<option value="1946">1946</option> 638<option value="1947">1947</option> 639<option value="1948">1948</option> 640<option value="1949">1949</option> 641<option value="1950">1950</option> 642<option value="1951">1951</option> 643<option value="1952">1952</option> 644<option value="1953">1953</option> 645<option value="1954">1954</option> 646<option value="1955">1955</option> 647<option value="1956">1956</option> 648<option value="1957">1957</option> 649<option value="1958">1958</option> 650<option value="1959">1959</option> 651<option value="1960">1960</option> 652<option value="1961">1961</option> 653<option value="1962">1962</option> 654<option value="1963">1963</option> 655<option value="1964">1964</option> 656<option value="1965">1965</option> 657<option value="1966">1966</option> 658<option value="1967">1967</option> 659<option value="1968">1968</option> 660<option value="1969">1969</option> 661<option value="1970">1970</option> 662<option value="1971">1971</option> 663<option value="1972">1972</option> 664<option value="1973">1973</option> 665<option value="1974">1974</option> 666<option value="1975">1975</option> 667<option value="1976">1976</option> 668<option value="1977">1977</option> 669<option value="1978">1978</option> 670<option value="1979">1979</option> 671<option value="1980">1980</option> 672<option value="1981">1981</option> 673<option value="1982">1982</option> 674<option value="1983">1983</option> 675<option value="1984">1984</option> 676<option value="1985">1985</option> 677<option value="1986">1986</option> 678<option value="1987">1987</option> 679<option value="1988">1988</option> 680<option value="1989">
6801989</option> 681<option value="1990">1990</option> 682<option value="1991">1991</option> 683<option value="1992">1992</option> 684<option value="1993">1993</option> 685<option value="1994">1994</option> 686<option value="1995">1995</option> 687<option value="1996">1996</option> 688<option value="1997">1997</option> 689<option value="1998">1998</option> 690<option value="1999">1999</option> 691<option value="2000">2000</option> 692<option value="2001">2001</option> 693<option value="2002">2002</option> 694<option value="2003">2003</option> 695<option value="2004">2004</option> 696<option value="2005">2005</option> 697<option value="2006">2006</option> 698<option value="2007">2007</option> 699<option value="2008">2008</option> 700<option value="2009">2009</option> 701<option value="2010">2010</option> 702<option value="2011">2011</option> 703<option value="2012">2012</option> 704<option value="2013">2013</option> 705<option value="2014">2014</option> 706<option value="2015">2015</option> 707<option value="2016">2016</option> 708<option value="2017">2017</option> 709<option value="2018">2018</option> 710<option value="2019">2019</option> 711<option value="2020">2020</option> 712<option value="2021">2021</option> 713<option value="2022">2022</option> 714<option value="2023">2023</option> 715<option value="2024">2024</option> 716<option value="2025">2025</option> 717<option value="2026">2026</option> 718</select><span class="date-separator">å¹´</span><select id="fk_user_user_birthday_2i" name="fk_user[user_birthday(2i)]" class="form-select"> 719<option value="" label=" "></option> 720<option value="1">1</option> 721<option value="2">2</option> 722<option value="3">3</option> 723<option value="4">4</option> 724<option value="5">5</option> 725<option value="6">6</option> 726<option value="7">7</option> 727<option value="8">8</option> 728<option value="9">9</option> 729<option value="10">10</option> 730<option value="11">11</option> 731<option value="12">12</option> 732</select><span class="date-separator">æ</span><select id="fk_user_user_birthday_3i" name="fk_user[user_birthday(3i)]" class="form-select"> 733<option value="" label=" "></option> 734<option value="1">1</option> 735<option value="2">2</option> 736<option value="3">3</option> 737<option value="4">4</option> 738<option value="5">5</option> 739<option value="6">6</option> 740<option value="7">7</option> 741<option value="8">8</option> 742<option value="9">9</option> 743<option value="10">10</option> 744<option value="11">11</option> 745<option value="12">12</option> 746<option value="13">13</option> 747<option value="14">14</option> 748<option value="15">15</option> 749<option value="16">16</option> 750<option value="17">17</option> 751<option value="18">18</option> 752<option value="19">19</option> 753<option value="20">20</option> 754<option value="21">21</option> 755<option value="22">22</option> 756<option value="23">23</option> 757<option value="24">24</option> 758<option value="25">25</option> 759<option value="26">26</option> 760<option value="27">27</option> 761<option value="28">28</option> 762<option value="29">29</option> 763<option value="30">30</option> 764<option value="31">31</option> 765</select><span class="date-separator">æ¥</span></div> 766 </div> 767 768 769 770 771</div> 772 773 <div class="form-group"> 774 <!-- å ¥åã¢ã¼ã --> 775 776 <div class="flex items-start"> 777 <input name="fk_user[mailsend]" type="hidden" value="0" /><input id="fk_user_mailsend" type="checkbox" value="1" checked="checked" name="fk_user[mailsend]" /> 778 <div class="ml-3"> 779 <label for="fk_user_mailsend"> 780 ã¡ã¼ã«ãã¬ã¸ã³ã®é ä¿¡ãå¸æãã 781 </label> 782 <p class="form-note mt-1">é±1åç¨åº¦ã復åãããã³ã ããã¡ã¼ã«ãã¬ã¸ã³ãå±ãã¾ãã</p> 783 </div> 784 </div> 785 786 787 788 789</div> 790 </div> 791 792 <div class="message-box bg-light-blue"> 793 <a target="_blank" class="" href="/top/kiyaku">ããå©ç¨è¦ç´ã</a>ããã³<a target="_blank" class="" href="/top/privacy">ããã©ã¤ãã·ã¼ããªã·ã¼ã</a>ã«ã¤ãã¦ããèªã¿ã«ãªã£ãä¸ã§ä»¥ä¸ã®ãã¿ã³ãæ¼ãã¦ãã ããã 794 </div> 795 796 <div class="flex justify-center"> 797 <button type="submit" class="flex items-center justify-center font-bold rounded-[10px] hover-opacity transition-opacity w-full xs:w-[228px] h-[60px] md:w-[270px] md:h-[60px] bg-main text-white"> 798 799 è¦ç´ã«åæãã¦ç»é²ãã 800 </button> 801 802 </div> 803</form> 804 805</div> 806 807 808 809<!-- ã³ã³ãã³ãã¨ãªã¢çµäº --> 810 811 <!-- é²è¦§å±¥æ´ --> 812 </div> 813 </main> 814 815 <!-- ãã³ãããªã¹ãï¼ããã¿ã¼ä¸é¨ã«é ç½®ï¼ --> 816 817 818 <!-- ããã¿ã¼ --> 819 <footer> 820 <!-- V-POINTããã¼ï¼ä¸æçã«éè¡¨ç¤ºï¼ --> 821 822<div class="footer-wrapper bg-black text-white py-12"> 823 <div class="max-w-content mx-auto px-4 sm:px-6 lg:px-8"> 824 825 <!-- lg以ä¸: 3ã«ã©ã ã¬ã¤ã¢ã¦ãï¼ãã´239pxåºå® + æ®ã2ã«ã©ã åçï¼ --> 826 <!-- md: ã¡ã¤ã³ããã¿ã¼ä¸é¨ + 2ã«ã©ã ã¡ãã¥ã¼ --> 827 <!-- sp: 1ã«ã©ã ï¼ã·ã§ããã³ã° â 復åãªã¯ã¨ã¹ã â ãã®ä»ï¼ --> 828 829 <!-- ã¡ã¤ã³ããã¿ã¼ï¼ãã´ + 説æï¼: lg以ä¸ã§ã¯å·¦ã«ã©ã ãmd以ä¸ã§ã¯ä¸é¨å ¨å¹ --> 830 <div class="mb-8 lg:hidden"> 831 <img src="/images/fukkan-footer.png" alt="復åãããã³ã " class="w-[239px] h-[36px] object-contain mb-4"> 832 <p class="text-[#D9D9D9] text-small leading-custom">
833 復åãããã³ã ã¯ãçãã¾ããã®ãªã¯ã¨ã¹ãæ票ã«ããã絶çã»ååãæ¬ã復åããããµã¼ãã¹ã§ãã 834 </p> 835 </div> 836 837 <!-- ã¡ãã¥ã¼ã°ãªãã --> 838 <!-- sp: 1ã«ã©ã ï¼ã·ã§ããã³ã°â復åãªã¯ã¨ã¹ãâãã®ä»ï¼, md: 2ã«ã©ã , lg: 3ã«ã©ã --> 839 <!-- orderã§è¡¨ç¤ºé ãå¶å¾¡: spæã¯ãã®ä»ã3çªç®ãmd以ä¸ã§ã¯ã·ã§ããã³ã°ã®ä¸ã«é ç½® --> 840 <div class="footer-grid"> 841 842 <!-- ã¡ã¤ã³ããã¿ã¼ã³ã³ãã³ãï¼lg以ä¸ã®ã¿è¡¨ç¤ºï¼ --> 843 <div class="footer-col-logo hidden lg:block"> 844 <img src="/images/fukkan-footer.png" alt="復åãããã³ã " class="w-[239px] h-[36px] object-contain mb-8"> 845 <p class="text-[#D9D9D9] text-base leading-custom"> 846 復åãããã³ã ã¯ãçãã¾ããã®ãªã¯ã¨ã¹ãæ票ã«ããã絶çã»ååãæ¬ã復åããããµã¼ãã¹ã§ãã 847 </p> 848 </div> 849 850 <!-- ã·ã§ããã³ã° --> 851 <div class="footer-section footer-col-shopping"> 852 <h3 class="footer-section-title">ã·ã§ããã³ã°</h3> 853 <div class="footer-divider"></div> 854 <div class="footer-menu-grid"> 855 <ul class="footer-menu-list"> 856 <li><a href="/list/isearch" class="footer-link">ååä¸è¦§</a></li> 857 <li><a href="/cart" class="footer-link">ã·ã§ããã³ã°ã«ã¼ã</a></li> 858 <li><a href="/list/isearch?b=buy&s=send" class="footer-link">äºç´åå</a></li> 859 <li><a href="/c/item/list2026" class="footer-link">復åãããã³ã çºè¡æ¸ç±</a></li> 860 <li><a href="/rank/item" class="footer-link">販売ã©ã³ãã³ã°</a></li> 861 <li><a href="/cart/explain" class="footer-link">æ¯æãã»é éæ¹æ³</a></li> 862 </ul> 863 <ul class="footer-menu-list"> 864 <li><a href="/list/isearch?c=1" class="footer-link">ã³ããã¯ã»æ¼«ç»</a></li> 865 <li><a href="/list/isearch?c=2" class="footer-link">ã¨ã³ã¿ã¡</a></li> 866 <li><a href="/list/isearch?c=3" class="footer-link">å ç«¥æ¸ã»çµµæ¬</a></li> 867 <li><a href="/list/isearch?c=4" class="footer-link">æè¸æ¸</a></li> 868 <li><a href="/list/isearch?c=5" class="footer-link">å°éæ¸</a></li> 869 <li><a href="/list/isearch?c=6" class="footer-link">å®ç¨æ¸</a></li> 870 </ul> 871 </div> 872 </div> 873 874 <!-- ãã®ä» --> 875 <div class="footer-section footer-col-other"> 876 <h3 class="footer-section-title">ãã®ä»</h3> 877 <div class="footer-divider"></div> 878 <div class="footer-menu-grid"> 879 <ul class="footer-menu-list"> 880 <li><a href="/top/kiyaku" class="footer-link">ãå©ç¨è¦ç´</a></li> 881 <li><a href="/top/privacy" class="footer-link">ãã©ã¤ãã·ã¼ããªã·ã¼</a></li> 882 <li><a href="/c/item/salesagency" class="footer-link">ç¹å®ååå¼æ³ã«åºã¥ã表示</a></li> 883 <li><a class="__datasign_consent_manager_open_widget__ footer-link cursor-pointer" href="javascript:void(0);" onclick="return false;">å¤é¨éä¿¡ã«ã¤ãã¦</a></li> 884 <li><a href="/tid" class="footer-link">Vãã¤ã³ãå©ç¨æç¶ã</a></li> 885 </ul> 886 <ul class="footer-menu-list"> 887 <li><a href="/company" class="footer-link">ä¼ç¤¾æ¦è¦</a></li> 888 <li><a href="/company#sec2" class="footer-link">å¤ç©å¶æ¥æ³ã«åºã¥ã表示</a></li> 889 <li><a href="/help/" class="footer-link">ãã«ãã»åãåãã</a></li> 890 <li><a href="https://ceg.co.jp/securitypolicy/" target="_blank" class="footer-link">ã°ã«ã¼ãæ å ±ã»ãã¥ãªãã£ããªã·ã¼</a></li> 891 <li><a href="https://docs.google.com/forms/d/e/1FAIpQLSdFIL8kw7ER-CbjQ2W1pI1E97c334Yn7ohELkQ0dWK9biTs5g/viewform?usp=header" target="_blank" class="footer-link">SNKèè é£çµ¡å ç»é²</a></li> 892 </ul> 893 </div> 894 </div> 895 896 <!-- 復åãªã¯ã¨ã¹ã --> 897 <div class="footer-section footer-col-request"> 898 <h3 class="footer-section-title">復åãªã¯ã¨ã¹ã</h3> 899 <div class="footer-divider"></div> 900 <div class="footer-menu-grid"> 901 <ul class="footer-menu-list"> 902 <li><a href="/list/rsearch" class="footer-link">ãªã¯ã¨ã¹ãä¸è¦§</a></li> 903 <li><a href="/req/input" class="footer-link">æ°è¦å¾©åãªã¯ã¨ã¹ã</a></li> 904 <li><a href="/rank/vote" class="footer-link">æ票ã©ã³ãã³ã°</a></li> 905 <li><a href="/special" class="footer-link">復åãªã¯ã¨ã¹ãä¼ç»</a></li> 906 <li><a href="/welcome" class="footer-link">åãã¦ã®æ¹ã¸</a></li> 907 </ul> 908 <ul class="footer-menu-list"> 909 <li><a href="/list/rsearch?c=1" class="footer-link">ã³ããã¯ã»æ¼«ç»</a></li> 910 <li><a href="/list/rsearch?c=2" class="footer-link">ã¨ã³ã¿ã¡</a></li> 911 <li><a href="/list/rsearch?c=3" class="footer-link">å ç«¥æ¸ã»çµµæ¬</a></li> 912 <li><a href="/list/rsearch?c=4" class="footer-link">æè¸æ¸</a></li> 913 <li><a href="/list/rsearch?c=5" class="footer-link">å°éæ¸</a></li> 914 <li><a href="/list/rsearch?c=6" class="footer-link">å®ç¨æ¸</a></li> 915 </ul> 916 </div> 917 </div> 918 919 </div> 920 921 <!-- SNSãªã³ã¯ --> 922 <div class="mt-10 flex justify-center lg:justify-end"> 923 <div class="flex space-x-4"> 924 <a href="https://twitter.com/fukkan_com/" target="_blank" rel="noopener noreferrer" class="group"> 925 <div class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center group-hover:bg-gray-700"> 926 <img src="/images/footer/footer_img_x.png" alt="復åãããã³ã å ¬å¼X" class="w-5 h-5"> 927 </div> 928 </a> 929 <a href="https://twitter.com/fukkan_editors/" target="_blank" rel="noopener noreferrer" class="group"> 930 <div class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center group-hover:bg-gray-700"> 931 <img src="/images/footer/footer_img_x.png" alt="復åãããã³ã ç·¨éé¨X" class="w-5 h-5"> 932 </div> 933 </a> 934 <a href="https://www.youtube.com/c/fukkan_com" target="_blank" rel="noopener noreferrer" class="group"> 935 <div class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center group-hover:bg-gray-700"> 936 <img src="/images/footer/footer_img_youtube.png" alt="復åãããã³ã YouTube" class="w-5 h-5"> 937 </div> 938 </a> 939 <a href="https://note.com/fukkan_com" target="_blank" rel="noopener noreferrer" class="group"> 940 <div class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center group-hover:bg-gray-700"> 941 <img src="/images/footer/footer_img_note.png" alt="復åãããã³ã note" class="w-5 h-5"> 942 </div> 943 </a> 944 <a href="https://www.instagram.com/fukkan.com_official/" target="_blank" rel="noopener noreferrer" class="group"> 945 <div class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center group-hover:bg-gray-700"> 946 <img src="/images/footer/footer_img_instagram.png" alt="復åãããã³ã Instagram" class="w-5 h-5"> 947 </div> 948 </a> 949 </div> 950 </div> 951 952 <!-- åé¢ç· + ã³ãã¼ã©ã¤ã --> 953 <div class="border-t border-gray-700 mt-8 pt-6 text-center"> 954 <p class="text-white text-small"> 955 © 2000-2026 fukkan.com. All Rights Reserved. 956 </p> 957 </div> 958 959 </div> 960</div> 961 962<!-- ãã¼ã¸ããããã¿ã³ --> 963<a id="btn_pagetop" 964 href="#top" 965 data-turbo="false" 966 class="fixed bottom-6 right-6 w-12 h-12 bg-main hover:opacity-60 text-white rounded-full shadow-lg transition-all duration-300 opacity-0 translate-y-2 z-40 flex items-center justify-center"> 967 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 968 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path> 969 </svg> 970</a> 971
972<script> 973function initializeFooterComponents() { 974 let scriptLoaded = !!document.querySelector('script[src*="cmp.datasign.co"]'); 975 const pageTopBtn = document.getElementById('btn_pagetop'); 976 const fixedBottomMenu = document.getElementById('fixed-bottom-menu'); 977 978 // åºå®ã¡ãã¥ã¼ãããå ´åããã¼ã¸ããããã¿ã³ã®ä½ç½®ãèª¿æ´ 979 function adjustPageTopButtonPosition() { 980 if (fixedBottomMenu && window.innerWidth < 640) { 981 // åºå®ã¡ãã¥ã¼ã®é«ããåå¾ãã¦ä½ç½®ãèª¿æ´ 982 const menuHeight = fixedBottomMenu.offsetHeight; 983 pageTopBtn.style.bottom = (menuHeight + 12) + 'px'; // ã¡ãã¥ã¼é«ã + 12px 984 } else { 985 pageTopBtn.style.bottom = ''; // ããã©ã«ãã«æ»ãï¼CSS ã® bottom-6ï¼ 986 } 987 } 988 989 // ååå®è¡ã¨ãªãµã¤ãºæã«å®è¡ 990 adjustPageTopButtonPosition(); 991 window.addEventListener('resize', adjustPageTopButtonPosition); 992 993 // ãã¼ã¸ããããã¿ã³ã®è¡¨ç¤ºå¶å¾¡ 994 function togglePageTopButton() { 995 if (window.scrollY > 300) { 996 pageTopBtn.classList.remove('opacity-0', 'translate-y-2'); 997 pageTopBtn.classList.add('opacity-100', 'translate-y-0'); 998 } else { 999 pageTopBtn.classList.add('opacity-0', 'translate-y-2'); 1000 pageTopBtn.classList.remove('opacity-100', 'translate-y-0'); 1001 } 1002 } 1003 1004 // ã¹ã¯ãã¼ã«ã¤ãã³ã 1005 window.addEventListener('scroll', togglePageTopButton); 1006 1007 // DataSign CMP é 延èªã¿è¾¼ã¿ 1008 function loadCmpScript() { 1009 if (document.querySelector('script[src*="cmp.datasign.co"]')) { 1010 scriptLoaded = true; 1011 return; 1012 } 1013 const script = document.createElement('script'); 1014 script.src = "https://cmp.datasign.co/v2/ea441a1c23/cmp.js"; 1015 script.async = true; 1016 script.onload = () => { 1017 scriptLoaded = true; 1018 }; 1019 script.onerror = () => { 1020 console.error('Failed to load CMP script'); 1021 }; 1022 document.head.appendChild(script); 1023 } 1024 1025 // ããã¿ã¼è¡¨ç¤ºæã«CMPã¹ã¯ãªãããé 延èªã¿è¾¼ã¿ 1026 if (!scriptLoaded) { 1027 const observer = new IntersectionObserver((entries) => { 1028 entries.forEach(entry => { 1029 if (entry.isIntersecting && !scriptLoaded) { 1030 loadCmpScript(); 1031 observer.disconnect(); 1032 } 1033 }); 1034 }, { 1035 threshold: 0.9 1036 }); 1037 1038 const footer = document.querySelector('footer'); 1039 if (footer) { 1040 observer.observe(footer); 1041 } 1042 } 1043 1044 // å¤é¨éä¿¡å ãªã³ã¯ã®ã¯ãªãã¯ã¤ãã³ã 1045 const consentLinks = document.querySelectorAll('.__datasign_consent_manager_open_widget__'); 1046 consentLinks.forEach(link => { 1047 link.addEventListener('click', (e) => { 1048 e.preventDefault(); 1049 if (typeof __datasign_consent_manager_open_widget__ === 'function') { 1050 __datasign_consent_manager_open_widget__(); 1051 } else if (!scriptLoaded) { 1052 loadCmpScript(); 1053 } 1054 }); 1055 }); 1056} 1057 1058// Turboé·ç§»æã«DataSign CMPã®hostè¦ç´ (Shadow DOM)ãæ°bodyã«ç§»æ¤ãã 1059// bodyå·®ãæ¿ãã§ç ´å£ãããã®ãé²ãï¼1度ã ãç»é²ï¼ 1060if (!window._cmpTurboHandlerRegistered) { 1061 document.addEventListener('turbo:before-render', (event) => { 1062 const cmpHost = document.getElementById('datasign_cmp__host'); 1063 if (cmpHost) { 1064 event.detail.newBody.appendChild(cmpHost); 1065 } 1066 }); 1067 window._cmpTurboHandlerRegistered = true; 1068} 1069 1070// DOMContentLoadedï¼ååèªã¿è¾¼ã¿ï¼ã¨turbo:loadï¼Turboãã¼ã¸é·ç§»ï¼ã®ä¸¡æ¹ã§åæå 1071document.addEventListener('DOMContentLoaded', initializeFooterComponents); 1072document.addEventListener('turbo:load', initializeFooterComponents); 1073</script>
1073 1074 1075 </footer> 1076 1077 1078 1079 1080 1081</body> 1082</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.