1<!DOCTYPE html> 2<html lang="ja"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> 7 <meta name="apple-mobile-web-app-capable" content="yes"> 8 <meta name="format-detection" content="telephone=no"> 9 <meta name="theme-color" content="#ffffff"> 10 <meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff"> 11 <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#ffffff"> 12 <meta name="color-scheme" content="light dark"> 13 <meta name="apple-mobile-web-app-status-bar-style" content="default"> 14 <meta name="description" content="æ¯æ¥ã®ãè²·ãç©ããã£ã¨æ¥½ããï¼ãã£ã¨ãå¾ã«ï¼"> 15 <meta name="keywords" content="ã¤ãã¼ã¨ã¼ã«ãã¼,ã¢ããª"> 16 17 <meta http-equiv="Pragma" content="no-cache" /> 18 <meta http-equiv="cache-control" content="no-cache" /> 19 <meta http-equiv="expires" content="0" /> 20 21 <!--facebook ogp--> 22 <meta property="og:type" content="article"> 23 <meta property="og:url" content="https://www.itoyokado.co.jp/special/app/index.html"> 24 <meta property="og:site_name" content="ã¤ãã¼ã¨ã¼ã«ãã¼ã»ã¨ã¼ã¯å ¬å¼ã¢ããª"> 25 <meta property="og:description" content="æ¯æ¥ã®ãè²·ãç©ããã£ã¨æ¥½ããï¼ãã£ã¨ãå¾ã«ï¼"> 26 <meta property="og:title" content="ã¤ãã¼ã¨ã¼ã«ãã¼ã»ã¨ã¼ã¯å ¬å¼ã¢ããª"> 27 <meta property="og:image" content="https://www.itoyokado.co.jp/special/app/img/ogp.png"> 28 29 <!--twitter card--> 30 <meta name="twitter:card" content="summary_large_image"> 31 <meta name="twitter:site" content="@Lets_go_Yokado"> 32 <meta name="twitter:title" content="ã¤ãã¼ã¨ã¼ã«ãã¼ã»ã¨ã¼ã¯å ¬å¼ã¢ããª"> 33 <meta name="twitter:description" content="æ¯æ¥ã®ãè²·ãç©ããã£ã¨æ¥½ããï¼ãã£ã¨ãå¾ã«ï¼"> 34 <meta property="twitter:image" content="https://www.itoyokado.co.jp/special/app/img/ogp.png" /> 35 36 <link type="text/css" rel="stylesheet" href="../../common/css/normalize.css" media="all"> 37 <link type="text/css" rel="stylesheet" href="../../common/css/layout.css" media="all"> 38 <link type="text/css" rel="stylesheet" href="../../common/css/theme.css" media="all"> 39 <!--[if lt IE 9]>
39<script type="text/javascript" src="../../common/js/html5.js"></script>
39<![endif]--> 40
40<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>
40 41
41<script language="JavaScript" type="text/javascript" src="js/rollover.js"></script>
41 42
42<script type="text/javascript" src="../../common/js/jquery-3.5.1.min.js"></script>
42 43
43<script type="text/javascript" src="../../common/js/jquery.transit.min.js"></script>
43 44
44<script type="text/javascript" src="../../common/js/jquery.custom.js"></script>
44 45 46
46<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
46 47
47<script type="text/javascript" src="../../common/js/js.cookie.js"></script>
47 48
48<script type="text/javascript" src="../../common/js/action_tabselect.js"></script>
48 49
49<script type="text/javascript" src="../../common/js/actions_mystore.js"></script>
49 50
50<script type="text/javascript" src="../../common/js/search_shoplist.js"></script>
50 51
51<script type="text/javascript" src="../../common/js/action_event.js"></script>
51 52 53 54 <title>ã¤ãã¼ã¨ã¼ã«ãã¼ã»ã¨ã¼ã¯å ¬å¼ã¢ããª</title> 55 56 <!-- LP ãã¡ã¤ã« ãããã --> 57 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" /> 58 <link rel="stylesheet" href="./css/layout.css"> 59 <link rel="stylesheet" href="./css/page.css?260119"> 60 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 61 <link rel="shortcut icon" href="../../common/img/favicon.ico"> 62 63 <!-- JSãã¡ã¤ã« --> 64
64<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
64 65
65<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
65 66
66<script type="text/javascript" src="./js/main.js?260119"></script>
66 67 68
68<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script>
68 69
69<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script>
69 70 71</head> 72 73<body> 74
74<script> 75 $(function () { 76 $("body").layout(); 77 }); 78 </script>
78 79 80 <div id="main"> 81 <!-- ### ãããã¼ ãããã ### --> 82 <!--
82<script type="text/javascript" src="/common/js/include.js"></script>
82 83
83<script>main_header();</script>
83 --> 84 <!-- ### ãããã¼ ããã¾ã§ ### --> 85 86 87 <!-- ãããã --> 88 <section class="Mv" id="Mv"> 89 <div class="MvBgWrap"> 90 <div class="MvBg"> 91 <div class="MvBgCopy FadeIn UpDown Sixth"> 92 <div class="MvSub">ã¤ãã¼ã¨ã¼ã«ãã¼ã»ã¨ã¼ã¯å ¬å¼ã¢ããª</div> 93 <h1>æ¯æ¥ã®ãè²·ãç©ã<br>ãã£ã¨æ¥½ããï¼<br>ãã£ã¨ãå¾ã«ï¼</h1> 94 95 <p class="DLBtn _red"> 96 <span class="_pc"><a href="#Footer">ã¢ããªãç¡æã§ãã¦ã³ãã¼ã</a></span> 97 <span class="_sp"><a href="javascript:void(0);" class="downloadBtn">ã¢ããªãç¡æã§ãã¦ã³ãã¼ã</a></span> 98 </p> 99 </div> 100 <div class="MvBgItems"> 101 <p class="MvBgCircle"><img src="img/mv-circle.png" alt=""></p> 102 <ul class="MvBgItemsList"> 103 <li class="MvAnimals _red"> 104 <div class="FadeIn UpDown "><img src="img/mv-icon-r.png" alt=""></div> 105 </li> 106 <li class="MvAnimals _orange"> 107 <div class="FadeIn UpDown Second"><img src="img/mv-icon-o.png" alt=""></div> 108 </li> 109 <li class="MvAnimals _green"> 110 <div class="FadeIn UpDown Third"><img src="img/mv-icon-g.png" alt=""></div> 111 </li> 112 <li class="MvAnimals _blue"> 113 <div class="FadeIn UpDown Fourth"><img src="img/mv-icon-b.png" alt=""></div> 114 </li> 115 116 <li class="MvPhone"> 117 <div class="FadeIn UpDown Sixth"><img src="img/mv-phone.png" alt=""></div> 118 </li> 119 </ul> 120 </div> 121 </div> 122 <div class="StarLayer"> 123 <ul class="StarList"> 124 <li class="_blueE16 SP"> 125 <div class="Star"><img src="img/mv-icon-blue-e16.png" alt=""></div> 126 </li> 127 <li class="_blueE17_1"> 128 <div class="Star Sixth"><img src="img/mv-icon-blue-e17.png" alt=""></div> 129 </li> 130 <li class="_blueE17_2"> 131 <div class="Star Sixth"><img src="img/mv-icon-blue-e17.png" alt=""></div> 132 </li> 133 <li class="_blueE20"> 134 <div class="Star Seventh"><img src="img/mv-icon-blue-e20.png" alt=""></div> 135 </li> 136 <li class="_blueS36 SP"> 137 <div class="Star"><img src="img/mv-icon-blue-s36.png" alt=""></div> 138 </li> 139 <li class="_greenE13 SP"> 140 <div class="Star Second"><img src="img/mv-icon-green-e13.png" alt=""></div> 141 </li> 142 <li class="_greenE20 Second SP"> 143 <div class="Star Fourth"><img src="img/mv-icon-green-e20.png" alt=""></div> 144 </li> 145 <li class="_greenS28"> 146 <div class="Star Nineth"><img src="img/mv-icon-green-s28.png" alt=""></div> 147 </li> 148 <li class="_greenS32 SP"> 149 <div class="Star Second"><img src="img/mv-icon-green-s32.png" alt=""></div> 150 </li> 151 <li class="_greenS48"> 152 <div class="Star Eighth"><img src="img/mv-icon-green-s48.png" alt=""></div> 153 </li> 154 155 <li class="_orangeE13_1"> 156 <div class="Star Nineth"><img src="img/mv-icon-orange-e13.png" alt=""></div> 157 </li> 158 <li class="_orangeE13_2"> 159 <div class="Star Eighth"><img src="img/mv-icon-orange-e13.png" alt=""></div> 160 </li> 161 <li class="_orangeE18 SP"> 162 <div class="Star Third"><img src="img/mv-icon-orange-e18.png" alt=""></div> 163 </li> 164 <li class="_orangeS32 SP"> 165 <div class="Star Fifth"><img src="img/mv-icon-orange-s32.png" alt=""></div> 166 </li> 167 168 <li class="_redE16 SP"> 169 <div class="Star Third"><img src="img/mv-icon-red-e16.png" alt=""></div> 170 </li> 171 <li class="_redE20 SP"> 172 <div class="Star Fifth"><img src="img/mv-icon-red-e20.png" alt=""></div> 173 </li> 174 <li class="_redS26"> 175 <div class="Star Seventh"><img src="img/mv-icon-red-s26.png" alt=""></div> 176 </li> 177 <li class="_redS30 SP"> 178 <div class="Star Fourth"><img src="img/mv-icon-red-s30.png" alt=""></div> 179 </li> 180 </ul> 181 </div> 182 </div> 183 </section> 184 185 <section class="Lead" id="Lead"> 186 <div class="Center"> 187 <div class="LeadTitleBg FadeIn DownUp Fourth"><img src="img/lead-title-bg.png" alt=""></div> 188 <h3 class="FadeIn DownUp">ãåºã§ããããã¡ã§ãã<br>ãããã¨ãè²·ãç©ãã¤ãªãã¢ããª</h3> 189 <div class="CommonBold _mobo FadeIn DownUp Second"> 190 仿¥ã®ãã¯ãã鱿«ã®ã¾ã¨ãè²·ãã<br class="_sp">èªåã¸ã®ã¡ãã£ã¨ãããè¤ç¾ãã<br> 191 è²·ããããã®ãè¦ã¤ãã¦ããå¾ã«ãã¹ã ã¼ãºã«ã<br> 192 ãããã¨ãè²·ãç©ãã¤ãªãã<br class="_sp">
192ã¢ããªã®ããæ¯æ¥ã¯ãã¾ãã¾ãã 193 </div> 194 </div> 195 </section> 196 197 <section class="Features" id="Features"> 198 <div class="FeaturesArea"> 199 <h2 class="FeaturesTitle FadeIn DownUp">ãããã«å½¹ç«ã¤<br class="_sp">âã§ãããã¨â</h2> 200 <ul class="FeaturesCardArea"> 201 <li class="FeaturesCard _orange"> 202 <h4>ã¡ãã£ã¨ããããã¾æé</h4> 203 <div class="FeaturesCardInner"> 204 <div class="FeaturesCardText"> 205 <h3>æãã¤ããããè²·ãç©ã¡ã¢<br>ãã³ãã³æ¸ãã¡ãã</h3> 206 <p class="CommonBold">æ°ã«ãªã£ããã©ã·ã®ååãã¡ã¢ããããã¯ã¼ãã³ãä¿åããããæãã¤ããæã«ã«ã³ã¿ã³ã«ã¡ã¢ã§ãã¾ãã</p> 207 </div> 208 <div class="FeaturesCardImg"> 209 </div> 210 </div> 211 </li> 212 <li class="FeaturesCard _red"> 213 <h4>ãåºã§ãè²·ãç©ä¸</h4> 214 <div class="FeaturesCardInner"> 215 <div class="FeaturesCardText"> 216 <h3>ååã¹ãã£ã³ã§<br>ã¹ã¤ã¹ã¤å¿«é©ãè²·ãç©</h3> 217 <p class="CommonBold">ã¬ã¸ã½ã使ã£ã¦ååãã¹ãã£ã³ãã¦ããã°ã¬ã¸ã§ã®ãä¼è¨ãã¹ã ã¼ãºã«ããè²·ãç©ä¸ã«åè¨éé¡ããããã®ã§è²·ããã鲿¢ã«ãã</p> 218 </div> 219 <div class="FeaturesCardImg"> 220 </div> 221 </div> 222 </li> 223 <li class="FeaturesCard _green"> 224 <h4>ã¬ã¸ã§ãæ¯æãããã¨ã</h4> 225 <div class="FeaturesCardInner"> 226 <div class="FeaturesCardText"> 227 <h3>ã¯ã¼ãã³ã§ãã¤ã³ãã<br>ã¶ã¯ã¶ã¯è²¯ã¾ã£ã¡ãã</h3> 228 <p class="CommonBold">1度ã®ã¢ããªã®ãã¼ã³ã¼ãã®ãæç¤ºã§å¯¾è±¡ååã®ã¯ã¼ãã³ãèªåã§åæ ããã¾ããæ¢ãæéãªãããµãã¨ä¼è¨ã§ãã¾ãã</p> 229 </div> 230 <div class="FeaturesCardImg"> 231 </div> 232 </div> 233 </li> 234 <li class="FeaturesCard _blue"> 235 <h4>ãå®¶ã§ã®ãã³ãæé</h4> 236 <div class="FeaturesCardInner"> 237 <div class="FeaturesCardText"> 238 <h3>ã¤ãã¤ãèªãããã<br>ã話ããã³ãã³é ä¿¡ä¸</h3> 239 <p class="CommonBold">æ¬ã®é£æã使ã£ãã¬ã·ãããæ°ååã®ã¡ãã£ã¨ããè£è©±ããå±ããã¾ããæ°ã«ãªãååã試ãã¦ã¿ããã¬ã·ãããã£ã¨è¦ã¤ããã¾ãã</p> 240 </div> 241 <div class="FeaturesCardImg"> 242 </div> 243 </div> 244 </li> 245 </ul> 246 </div> 247 </section> 248 249 <section class="Useful" id="Useful"> 250 <div class="AnnounceMarker"> 251 <p class="FadeIn Bounce"> 252 <img src="img/announce-hatson.png" alt="次ã®ãè²·ãç©ãã¯ã¯ã¯ã¯ãã¾ãã!"> 253 </p> 254 </div> 255 <div class="UsefulGray"> 256 <div class="Center"> 257 <h2 class="FadeIn DownUp">ãã£ã¨ä¾¿å©ã«ãªã<br class="_sp">æ©è½ããã£ã±ã</h2> 258 <ul class="UsefulAppList"> 259 <li class="FadeIn DownUp Second"> 260 <div class="UsefulAppItem"><img src="img/useful-app-item1.png" alt="ãè²·ãç©ãæ¯ãè¿ã£ã¦å®¶è¨ã®ç¯ç´ã«"></div> 261 <h4>ãè²·ãç©ãæ¯ãè¿ã£ã¦<br>å®¶è¨ã®ç¯ç´ã«</h4> 262 </li> 263 <li class="FadeIn DownUp Third"> 264 <div class="UsefulAppItem"><img src="img/useful-app-item2.png" alt="ãã¤ã³ãå±¥æ´ã§ãå¾ã宿"></div> 265 <h4>ãã¤ã³ãå±¥æ´ã§<br>ãå¾ã宿</h4> 266 </li> 267 <li class="FadeIn DownUp Fourth"> 268 <div class="UsefulAppItem"><img src="img/useful-app-item3.png" alt="ãã£ã³ãã¼ã³ããã¡æ©ããã§ãã¯"></div> 269 <h4>ãã£ã³ãã¼ã³ã<br>ãã¡æ©ããã§ãã¯</h4> 270 </li> 271 </ul> 272 </div> 273 </div> 274 <div class="UsefulRed"> 275 <div class="Center"> 276 <h2 class="FadeIn DownUp">ã¢ããªã®å§ãæ¹</h2> 277 </div> 278 <div class="UsefulStart"> 279 <div class="UsefulStartText FadeIn DownUp"> 280 <h3>ã¹ããã§ã¢ããªã<br>ãã¦ã³ãã¼ãããã ãï¼</h3> 281 <p class="CommonBold">ã¡ã¼ã«ã¢ãã¬ã¹ããã¹ã¯ã¼ãã®<br>ç»é²ã¯ä¸è¦ã§ã</p> 282 <p class="DLBtn _pc"> 283 <span><a href="#Footer">ã¢ããªãç¡æã§ãã¦ã³ãã¼ã</a></span> 284 </p> 285 <p class="DLBtn _sp"> 286 <span><a href="https://www.itoyokado.co.jp/spe/chirashi_application/sorting/index.html 287" target="_blank">ã¢ããªãç¡æã§ãã¦ã³ãã¼ã</a></span> 288 </p> 289 </div> 290 <p class="UsefulStartImg FadeIn DownUp Fourth"><img src="img/useful-start.png" alt="ã¹ããã§ã¢ããªããã¦ã³ãã¼ãããã ãï¼
290 ã¤ã¡ã¼ã¸ç»å"></p> 291 </div> 292 </div> 293 <div class="UsefulScroll"></div> 294 </section> 295 296 <section class="Point" id="Point"> 297 <div class="Center"> 298 <h2 class="FadeIn DownUp">ãã¤ã³ãã使ãã«ã¯ï¼</h2> 299 <div class="PointArea FadeIn DownUp"> 300 <div class="PointText"> 301 <h3> 302 ã¢ããªç²å¾ãã¤ã³ãã¯<br> 303ãæå ã®nanacoã¨ç´ä»ããã¨<br class="_pc"> 304ãè²·ãç©ã§ãå©ç¨ã§ãã¾ã 305 </h3> 306 </div> 307 <div class="PointImg"><img src="img/point-nanaco.png" alt="ãæå ã®nanacoãç´ä»ããã¨ãã¤ã³ãã使ãã¾ã ã¤ã¡ã¼ã¸ç»å"></div> 308 </div> 309 <ul class="PointList FadeIn DownUp"> 310 <li> 311 <h4 class="PointHeader">nanacoã®ç´ä»ãæ¹æ³</h4> 312 <div class="PointContent"> 313 <ul class="PointContentList"> 314 <li> 315 <h4>STEP1</h4> 316 <div class="PointStepImg"><img src="img/point-step1.png" alt="nanacoã®ç´ä»ãæ¹æ³ STEP1 ã¤ã¡ã¼ã¸ç»å"></div> 317 <div class="CommonRegular">ã¢ããªã®ãã¤ãã¼ã¸ãéããnanacoãç´ä»ãã¦ãã¤ã³ããå©ç¨ããããã¿ãããã¾ãã</div> 318 </li> 319 <li> 320 <h4>STEP2</h4> 321 <div class="PointStepImg"><img src="img/point-step2.png" alt="nanacoã®ç´ä»ãæ¹æ³ STEP2 ã¤ã¡ã¼ã¸ç»å"></div> 322 <div class="CommonRegular">ãå©ç¨ã®nanacoã®nanacoçªå·ãå ¥åããæ¬¡ã¸ããã¿ãããã¾ã</div> 323 </li> 324 <li> 325 <h4>STEP3</h4> 326 <div class="PointStepImg"><img src="img/point-step3.png" alt="nanacoã®ç´ä»ãæ¹æ³ STEP3 ã¤ã¡ã¼ã¸ç»å"></div> 327 <div class="CommonRegular">nanacoã«ã¼ãããæã¡ã®æ¹ã¯ã«ã¼ãè£é¢ã®7æ¡ã®æ°åãå ¥åãnanacoã¢ãã¤ã«ããæã¡ã®æ¹ã¯ä¼å¡ã¡ãã¥ã¼ãã¹ã¯ã¼ããå ¥åãããnanacoãç´ä»ããããã¿ãããã¾ãã</div> 328 </li> 329 <li> 330 <h4>STEP4</h4> 331 <div class="PointStepImg"><img src="img/point-step4.png" alt="nanacoã®ç´ä»ãæ¹æ³ STEP4 ã¤ã¡ã¼ã¸ç»å"></div> 332 <div class="CommonRegular">nanacoã®ç´ä»ããå®äºãã¾ãã</div> 333 </li> 334 </ul> 335 </div> 336 </li> 337 <li> 338 <h4 class="PointHeader">ãã¤ã³ãã®ä½¿ãæ¹</h4> 339 <div class="PointContent"> 340 <div class="PointMoneyArea"> 341 <p><img src="img/point-money.png" alt="1nanacoãã¤ã³ãâï¼äº¤æï¼â1åï¼é»åããã¼ï¼"></p> 342 </div> 343 <div class="CommonBold pb8"> 344 貯ãããã¤ã³ãã¯é»åããã¼ã«äº¤æãã¦ãè²·ãç©ã«å©ç¨ã§ãã¾ãã<br> 345 1ãã¤ã³ãã1å(é»åããã¼)ã«äº¤æã§ãã¾ãã 346 </div> 347 <p class="CommonBtn _small"><a href="https://www.nanaco-net.jp/how-to/use_point/money.html" target="_blank">ããããä½¿ãæ¹</a></p> 348 </div> 349 </li> 350 </ul> 351 </div> 352 </section> 353 354 <section class="Use" id="Use"> 355 <div class="Center"> 356 <h2> 357 <div>ããããä½¿ãæ¹</div> 358 <div class="CommonBold">ã¢ããªã®ä½¿ãæ¹ã«ã¤ãã¦ã¯ä»¥ä¸ãã<br class="_sp">詳細ãã確èªãã ããã</div> 359 </h2> 360 </div> 361 362 <div class="JsSliderArea"> 363 <div class="JsSliderInner"> 364 <div class="JsSlider swiper"> 365 <div class=" JsSliderWrapper swiper-wrapper"> 366 <div class="JsSliderItem swiper-slide"> 367 <a href="https://lp.itoyokado.co.jp/app/getting-started/coupon" target="_blank"> 368 <picture> 369 <source media="(max-width:970px)" srcset="img/use-slider1-sp.png"> 370 <img src="img/use-slider1.png" alt="å種ã¯ã¼ãã³ã®ä½¿ãæ¹"> 371 </picture> 372 </a> 373 </div> 374 <div class="JsSliderItem swiper-slide"> 375 <a href="https://lp.itoyokado.co.jp/app/getting-started/my_store" target="_blank"> 376 <picture> 377 <source media="(max-width:970px)" srcset="img/use-slider2-sp.png"> 378 <img src="img/use-slider2.png" alt="ãã¤ã¹ãã¢ãç»é²ãã"> 379 </picture> 380 </a> 381 </div> 382 <div class="JsSliderItem swiper-slide"> 383 <a href="https://lp.itoyokado.co.jp/app/getting-started/flyer" target="_blank"> 384 <picture> 385 <source media="(max-width:970px)" srcset="img/use-slider3-sp.png"> 386 <img src="img/use-slider3.png" alt="ãã©ã·ãè¦ãã»ä¿åãã"> 387 </picture> 388 </a> 389 </div> 390 <div class="JsSliderItem swiper-slide"> 391 <a href="https://lp.itoyokado.co.jp/app/getting-started/memo" target="_blank"> 392 <picture> 393 <source media="(max-width:970px)" srcset="img/use-slider4-sp.png"> 394 <img src="img/use-slider4.png" alt="ã¡ã¢ãã¤ãã"> 395 </picture> 396 </a> 397 </div> 398 <div class="JsSliderItem swiper-slide"> 399 <a href="https://lp.itoyokado.co.jp/app/getting-started/shopping_history" target="_blank"> 400 <picture> 401 <source media="(max-width:970px)" srcset="img/use-slider5-sp.png"> 402 <img src="img/use-slider5.png" alt="ãè²·ãç©ãæ¯ãè¿ã"> 403 </picture> 404 </a> 405 </div> 406 <div class="JsSliderItem swiper-slide"> 407 <a href="https://lp.itoyokado.co.jp/app/getting-started/regipo" target="_blank"> 408 <picture> 409 <source media="(max-width:970px)" srcset="img/use-slider6-sp.png"> 410 <img src="img/use-slider6.png" alt="ã¬ã¸ã½ã®ä½¿ãæ¹"> 411 </picture> 412 </a> 413 </div> 414 </div><!-- /JsSliderWrapper --> 415 </div><!-- /JsSlider --> 416 </div> 417 <div class="JsSliderBtn"> 418 <div class="JsSliderPrev"> 419 <img src="img/icon-slider-left.png" alt="ã¬ã¸ã½ã®ä½¿ãæ¹"> 420 </div> 421 <div class="JsSliderNext"> 422 <img src="img/icon-slider-right.png" alt="ã¬ã¸ã½ã®ä½¿ãæ¹"> 423 </div>
424 </div> 425 </div> 426 </section> 427 428 <section class="Support" id="Support"> 429 <div class="Center"> 430 <div class="InfoArea"> 431 <h2 class="FadeIn DownUp">ãç¥ãã</h2> 432 <div class="CommonBox FadeIn DownUp Third"> 433 <p class="InfoImg"><img src="img/info-img.png" alt="ã¨ã¼ã¯ãã¼ã.ã¨ã¼ã¯ãã¼ãº.ã¨ã¼ã¯ãã©ã¤ã¹.ã³ã³ãã©ã¼ããã¼ã±ããã¯2026å¹´4æä¸æ¬ããï¼"></p> 434 <h4>ã¨ã¼ã¯ãã¼ããã¨ã¼ã¯ãã¼ãºã<br class="_sp">ã¨ã¼ã¯ãã©ã¤ã¹ãã³ã³ãã©ã¼ããã¼ã±ããã§ãã¯ã¼ãã³é ä¿¡ä¸ï¼</h4> 435 </div> 436 </div> 437 <div class="FaqArea"> 438 <h2 class="FadeIn DownUp">ãããã質å</h2> 439 <div class="CommonBox FadeIn DownUp Third"> 440 <p class="FaqImg"><img src="img/faq-img.png" alt="ããã½ã³"></p> 441 <div class="CommonBold">ã¤ãã¼ã¨ã¼ã«ãã¼ã»ã¨ã¼ã¯å ¬å¼ã¢ããªã«é¢ãã<br class="_pc">ãããã質åã¯ãã¡ãããã確èªããã ãã¾ãã</div> 442 <p class="CommonBtn"><a href="https://lp.itoyokado.co.jp/app/faq" target="_blank">ãããã質åãè¦ã</a></p> 443 </div> 444 </div> 445 446 <div class="ContactArea"> 447 <h2 class="FadeIn DownUp">ãåãåãã</h2> 448 <div class="CommonBox FadeIn DownUp Third"> 449 <div class="ContactTel"> 450 <h3>ãé»è©±ã§ã®ãåãåãã</h3> 451 <div class="CommonBold">ã¤ãã¼ã¨ã¼ã«ãã¼ã»ã¨ã¼ã¯å ¬å¼ã¢ããªã«ã¹ã¿ãã¼ã»ã³ã¿ã¼</div> 452 <h3><a href="tel:0120470810" target="_blank">0120-47-0810</a></h3> 453 <div class="CommonNote">(å仿éï¼10:00ï½12:00ã13:00ï½19:00 å¹´ä¸ç¡ä¼)</div> 454 </div> 455 <h3>ã¤ã³ã¿ã¼ãããã§ã®<br class="_sp">ãåãåãã</h3> 456 <p class="CommonBtn _large"><a href="https://itoyokado.form.kintoneapp.com/public/contactsupport" target="_blank">ãåãåãããã©ã¼ã ã¸</a></p> 457 </div> 458 </div> 459 </div> 460 </section> 461 462 <section class="Footer" id="Footer"> 463 <ul class="FooterHeadArea"> 464 <li data-base-left="560" data-base-top="-330" class=" FadeIn DownUp"> 465 <img src="img/footer-pop1.png" alt="ãè²·ãç©ã®åã«ã¢ããªããã§ãã¯ã§ãã ï¼"> 466 </li> 467 <li data-base-left="820" data-base-top="-330" class=" FadeIn DownUp Third"> 468 <img src="img/footer-pop2.png" alt="ããã¯ãªãè²·ãç©ãå¾ ã£ã¦ããã¾ãï¼"> 469 </li> 470 </ul> 471 <div class="Center"> 472 <h3>ã¢ããªã§æ¯æ¥ã®ãè²·ãç©ã<br>ãã£ã¨æ¥½ããï¼ãã£ã¨ãå¾ã«ï¼</h3> 473 <h4 class="_pc">ã¢ããªã®ãã¦ã³ãã¼ãã¯ãã¡ããã</h4> 474 475 <div class="FooterAppDL"><img src="img/app_qr.png?r1" alt="ã¢ã㪠QRã³ã¼ã"></div> 476 <ul class="FooterList"> 477 <li> 478 <div><a href="https://www.itoyokado.co.jp/spe/chirashi_application/sorting/index.html" target="_blank"><img src="img/app_apple.png" alt="App Storeãããã¦ã³ãã¼ã"></a></div> 479 </li> 480 <li> 481 <div><a href="https://www.itoyokado.co.jp/spe/chirashi_application/sorting/index.html" target="_blank"><img src="img/app_googleplay.png" alt="Google Playã§æã«å ¥ããã"></a></div> 482 </li> 483 </ul> 484 <p class="DLBtn _sp"> 485 <span><a href="https://www.itoyokado.co.jp/spe/chirashi_application/sorting/index.html 486" target="_blank">ã¢ããªãç¡æã§ãã¦ã³ãã¼ã</a></span> 487 </p> 488 </div> 489 </section> 490 491 <div class="StickyBannerBg"> 492 <div class="StickyBanner"> 493 <p class="StickyBannerText">ã¤ãã¼ã¨ã¼ã«ãã¼ã»<br>ã¨ã¼ã¯å ¬å¼ã¢ããª</p> 494 <p class="StickeyBtn"><a href="https://www.itoyokado.co.jp/spe/chirashi_application/sorting/index.html" target="_blank">ãã¦ã³ãã¼ã</a></p> 495 </div> 496 </div> 497 498 <div class="TopFixedBG"></div> 499 <!-- ããã¾ã§ --> 500 501 <!-- ### ããã¿ã¼ ãããã ### --> 502 <!--
502<script>main_footer();</script>
502 --> 503 <!-- ### ããã¿ã¼ ããã¾ã§ ### --> 504 505 506 <!-- ããã¾ã§ --> 507
507<script> 508 //åºå®ãã 509 $(window).on('scroll', function () { 510 if ($(this).scrollTop() < 0) {//åºå®ããè·é¢é²ãã ã 511 $('.pc_nav').addClass('fixed-header');//ããã«åºå®ãæç¤ºããã¯ã©ã¹ãä»ä¸ 512 } else {//220px以å ã®å ´å 513 $('.pc_nav').removeClass('fixed-header');//åºå®ã¯ã©ã¹ãå¤ã 514 } 515 }); 516 $(window).on('scroll', function () { 517 if ($(this).scrollTop() < 0) {//åºå®ããè·é¢é²ãã ã 518 $('.sp_nav').addClass('fixed-header');//ããã«åºå®ãæç¤ºããã¯ã©ã¹ãä»ä¸ 519 } else {//220px以å ã®å ´å 520 $('.sp_nav').removeClass('fixed-header');//åºå®ã¯ã©ã¹ãå¤ã 521 } 522 }); 523 524 // ãã¼ã¸å ã¹ã¯ãã¼ã« 525 $(".pg-arrow-anchor,.pg-link-anchor").pagescroll(); 526 </script>
526 527 528 529 </div><!-- /#main --> 530 531 532 <!--analytics--> 533
533<script type="text/javascript"> 534 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); 535 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); 536 </script>
536 537
537<script type="text/javascript"> 538 try { 539 var pageTracker = _gat._getTracker("UA-9015985-1"); 540 pageTracker._trackPageview(); 541 } catch (err) { } 542 </script>
542 543 544 <!--iy--> 545
545<script type="text/javascript"> 546 if (document.baseURI.indexOf("entry/preview") !== -1) { 547 href_list = document.querySelectorAll('[href*="resource?domainId"]'); 548 for (var i = 0; i < href_list.length; i++) { 549 href = href_list[i].href; 550 if (href.indexOf("__resources__/") == -1) { 551 if (href.indexOf("&path=/") !== -1) { 552 href_list[i].href = href.replace("&path=", "&path=/published"); 553 } else { 554 href_list[i].href = href.replace("&path=", "&path=/published/"); 555 } 556 console.log(href_list[i].href); 557 } 558 } 559 img_list = document.querySelectorAll('[src*="resource?domainId"]'); 560 for (var i = 0; i < img_list.length; i++) { 561 src = img_list[i].src; 562 if (src.indexOf("__resources__/") == -1) { 563 if (src.indexOf("&path=/") !== -1) { 564 img_list[i].src = src.replace("&path=", "&path=/published"); 565 } else { 566 img_list[i].src = src.replace("&path=", "&path=/published/"); 567 } 568 console.log(img_list[i].src); 569 } 570 } 571 }; 572 </script>
572 573
573<script type="text/javascript"> 574 /* <![CDATA[ */ 575 var google_conversion_id = 1016577728; 576 var google_custom_params = window.google_tag_params; 577 var google_remarketing_only = true; 578 /* ]]> */ 579 </script>
579 580
580<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>
580 581 <noscript> 582 <div style="display:inline;"> 583 <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1016577728/?value=0&guid=ON&script=0" /> 584 </div> 585 </noscript> 586
586<script type="text/javascript" language="javascript"> 587 /* <![CDATA[ */ 588 var yahoo_retargeting_id = 'DMPJU65T6I'; 589 var yahoo_retargeting_label = ''; 590 /* ]]> */ 591 </script>
591 592
592<script type="text/javascript" language="javascript" src="//b92.yahoo.co.jp/js/s_retargeting.js"></script>
592 593 <!--end analytics--> 594 <!--/analytics--> 595 596</body> 597 598</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.