1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> 3<head><!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 3-4
3 4<script async src="https://www.googletagmanager.com/gtag/js?id=
4G-YNGELHG6D4
vendor: 13 bytes, line 4
4"></script>
5<script> 6
vendor: 138 bytes, lines 6-10
6window.dataLayer = window.dataLayer || []; 7 function gtag(){dataLayer.push(arguments);} 8 gtag('js', new Date()); 9 10 gtag('config', '
10G-YNGELHG6D4
vendor: 5 bytes, line 10
10');
11</script>
11 12<meta name="viewport" content="width=device-width, initial-scale=1"> 13<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 14<meta http-equiv="Content-Script-Type" content="text/javascript" /> 15<meta http-equiv="Content-Style-Type" content="text/css" /> 16<meta http-equiv="Cache-Control" content="no-cache" /> 17<meta http-equiv="Pragma" content="no-cache" /> 18<meta name="robots" content="INDEX,FOLLOW" /> 19<title>ã¬ã¼ãã³ã¯ãªã®ã¿</title> 20<meta name="description" content="" /> 21<meta name="keywords" content="" /> 22 23<!-- bootstrap CSS --> 24<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 25<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> --> 26 27<!-- bootstrap - jquery(1.9.1以ä¸å¿ è¦) --> 28<!--
28<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
28 -->
29<script type="text/javascript"> 30jQuery.noConflict(); 31</script>
31 32<!-- bootstrap - js -->
33<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
33 34
35<script type="text/javascript" src="../_administrator/css/default/js/contents.js"></script>
35 36<link type="text/css" rel="stylesheet" href="../_administrator/css/default/system_decolate.css" /> 37<link type="text/css" rel="stylesheet" href="../_administrator/css/default/contents_parts_2017.css" /> 38<link href="../_administrator/css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
39<script type="text/javascript" src="../_administrator/js/slibs.js"></script>
vendor: 1 bytes, line 39
39
40<script type="text/javascript" src="https://design.secure-cms.net/host/script/script5.js" integrity="sha384-wDZXZOZYlKSTi1fcGV6n7FzLHcpOG8wkYBRAFCA5PMT56QIw/r7/iyVfGcRim7TA" crossorigin="anonymous"></script>
vendor: 1 bytes, line 40
40
41<script type="text/javascript">jQuery.noConflict();</script>
vendor: 1 bytes, line 41
41
42<script type="text/javascript" src="../_administrator/js/common.js"></script>
42 43<link href="../_administrator/css/lightbox_2.css" rel="stylesheet" type="text/css" media="screen" /> 44<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 45<link href="../_administrator/css/default/alert.css" rel="stylesheet" type="text/css" /> 46<link href="../_administrator/css/index.php?from=login" rel="stylesheet" type="text/css" />
47<script type="text/javascript" defer="defer" async="async" src="../_administrator/js/llibs.js"></script>
47 48<link href="../_templates/_modules/shop/css/shop_search.css" rel="stylesheet" type="text/css" /> 49<link href="../_templates/_modules/cart_parts/css/style.css" rel="stylesheet" type="text/css" /> 50<link href="../_templates/_modules/user_login/css/style.css" rel="stylesheet" type="text/css" /> 51<link href="../_templates/_modules/catalog_random/css/style.css" rel="stylesheet" type="text/css" /> 52<link href="../_templates/_modules/catalog_index/css/style.css" rel="stylesheet" type="text/css" /> 53<link rel="shortcut icon" href="../favicon.ico?f=1777252163" type="image/vnd.microsoft.icon"> 54<link rel="icon" href="../favicon.ico?f=1777252163" type="image/vnd.microsoft.icon"> 55 56<!-- js/ãã©ã³ã 追å --> 57<link rel="preconnect" href="https://fonts.googleapis.com"> 58<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 59<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@500&family=M+PLUS+Rounded+1c:wght@300;500&family=Noto+Serif+JP:wght@500&display=swap" rel="stylesheet"> 60 61<link rel="stylesheet" type="text/css" href="../_templates/hananomi/js/drawer/drawer.min.css"> 62<link rel="stylesheet" type="text/css" href="../_templates/hananomi/js/slick/slick-theme.css" media="all"> 63<link rel="stylesheet" type="text/css" href="../_templates/hananomi/js/slick/slick.css" media="all">
64<script src="../_templates/hananomi/js/jquery.min.js"></script>
vendor: 2 bytes, line 64
64
65<script src="../_templates/hananomi/js/jquery.matchHeight.js"></script>
vendor: 2 bytes, line 65
65
66<script src="../_templates/hananomi/js/drawer/iscroll.js"></script>
vendor: 2 bytes, line 66
66
67<script src="../_templates/hananomi/js/drawer/drawer.min.js"></script>
vendor: 2 bytes, line 67
67
68<script src="../_templates/hananomi/js/ofi.min.js"></script>
vendor: 2 bytes, line 68
68
69<script src="../_templates/hananomi/js/slick/slick.min.js"></script>
vendor: 2 bytes, line 69
69
70<script src="../_templates/hananomi/js/common.js"></script>
vendor: 2 bytes, line 70
70
71<script src="../_templates/hananomi/js/user.js"></script>
71 72<!-- js/ãã©ã³ã 追å --> 73 74<link type="text/css" rel="stylesheet" href="../_templates/hananomi/css/style.css" /> 75<link type="text/css" rel="stylesheet" href="../_templates/hananomi/css/common.css" /> 76<link type="text/css" rel="stylesheet" href="../_templates/hananomi/css/user.css" /> 77
78<script>get_cookie_banner_settings();</script>
78 79<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 79-80
79 80<script async src="https://www.googletagmanager.com/gtag/js?id=
80AW-10797050987
vendor: 13 bytes, line 80
80"></script>
81<script> 82
vendor: 138 bytes, lines 82-86
82window.dataLayer = window.dataLayer || []; 83 function gtag(){dataLayer.push(arguments);} 84 gtag('js', new Date()); 85 86 gtag('config', '
86AW-10797050987
vendor: 5 bytes, line 86
86');
87</script>
87<meta name="google-site-verification" content="KCpcJb_V5yDYc_tNzSslbDW34IX3C-u1BS9m9voMwfc" /> 88<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 88-89
88 89<script async src="https://www.googletagmanager.com/gtag/js?id=
89AW-10797050987
vendor: 13 bytes, line 89
89"></script>
90<script> 91
vendor: 138 bytes, lines 91-95
91window.dataLayer = window.dataLayer || []; 92 function gtag(){dataLayer.push(arguments);} 93 gtag('js', new Date()); 94 95 gtag('config', '
95AW-10797050987
vendor: 5 bytes, line 95
95');
96</script>
96 97</head> 98<body id="bootstrap_template" class="column1 top drawer drawer--top"> 99<div id="wrapper"> 100 101 102 103<!-- ************************************************** id="header" ************************************************** --> 104 <div id="header" class="header"> 105<div class="container header__inner "> 106 107 108<div class="header-ico__wrap"> 109<button type="button" class="drawer-toggle drawer-hamburger"> 110<span class="sr-only">toggle navigation</span> 111<span class="drawer-hamburger-icon"></span> 112</button><!-- /drawer-toggle --> 113</div> 114 115<nav class="global-nav drawer-nav"> 116 <figure class="header_logo__sp"> 117 <a href="../"> 118 <img src="../images/header_logo_sp.svg" slt="ã¬ã¼ãã³ã¯ãªã®ã¿ãã´"> 119 </a> 120 </figure> 121 <ul class="clearfix global-nav__list drawer-menu"><!-- 122 --><li class="global-nav__item"> 123 <a class="menu" href="../about/" target="_self">ã¬ã¼ãã³ã¯ãªã®ã¿ã«ã¤ãã¦</a> <span class="sp_header_open"></span> <ul class="clearfix global-nav__list drawer-menu"><!-- 124 --><li class="global-nav__item"> 125 <a class="menu" href="../about/thought/" target="_self">ç§ãã¡ã®æ³ã</a></li><li class="global-nav__item"> 126 <a class="menu" href="../about/strawberry/" target="_self">ãã¡ãçç£ã«ã¤ãã¦</a></li><!-- 127 --></ul></li><li class="global-nav__item"> 128 <a class="menu" href="../lineup/" target="_self">ååã©ã¤ã³ããã</a> <span class="sp_header_open"></span> <ul class="clearfix global-nav__list drawer-menu"><!-- 129 --><li class="global-nav__item"> 130 <a class="menu" href="../lineup/category/29095/" target="_self">ãã¡ã製å</a></li><li class="global-nav__item"> 131 <a class="menu" href="../lineup/category/29097/" target="_self">ãã®ä»è£½å</a></li><!-- 132 --></ul></li><li class="global-nav__item"> 133 <a class="menu" href="../greeting/" target="_self">代表ãããã¤</a> </li><li class="global-nav__item"> 134 <a class="menu" href="../" target="_self">TOP</a> </li><li class="global-nav__item"> 135 <a class="menu" href="../company/" target="_self">ä¼ç¤¾æ¦è¦</a> <span class="sp_header_open"></span> <ul class="clearfix global-nav__list drawer-menu"><!-- 136 --><li class="global-nav__item"> 137 <a class="menu" href="../company/inquiry/" target="_self">å種ãåãåãã</a></li><li class="global-nav__item"> 138 <a class="menu" href="../company/corporate/" target="_self">æ³äººã®ã客æ§</a></li><li class="global-nav__item"> 139 <a class="menu" href="../company/policy/" target="_self">ãã©ã¤ãã·ã¼ããªã·ã¼</a></li><!-- 140 --></ul></li><li class="global-nav__item"> 141 <a class="menu" href="../news/" target="_self">ã³ã©ã ã»ãç¥ãã</a> </li><li class="global-nav__item"> 142 <a class="menu" href="../contact/" target="_self">ãåãåãã</a> </li><!-- 143 --><li class="global-nav__item only-burger"> 144 <a class="menu" href="../beekeeping/" target="_self">Hananomi é¤èå ´</a> 145 </li> 146 <li class="global-nav__item only-burger"> 147 <a class="menu" href="../shop/" target="_self">ãªã³ã©ã¤ã³ã·ã§ãã</a> 148 </li> 149 </ul> 150<!-- /.navbar-collapse --> 151</nav> 152 <div class="header-shop top-beekeeping"> 153 <a href="../beekeeping/"> 154 <img src="../images/header-beekeeping.svg" alt=""> 155 <p><small>Hananomi</small><br>é¤èå ´</p> 156 </a> 157 </div> 158 <div class="header-shop"> 159 <a href="../shop/"> 160 <img src="../images/header-shop.svg" alt="ã«ã¼ããã¿ã³"> 161 <p>ãªã³ã©ã¤ã³ã·ã§ãã</p> 162 </a> 163 </div> 164 </div> 165</div> 166<!-- ************************************************** // id="header" ************************************************** --> 167 168<div id="wrap" class="shop"> 169 170 <!-- ************************************************** id="upper" ************************************************** --> 171<div id="upper"> 172 <div class="container "> 173 </div> 174 </div> 175<!-- ************************************************** // id="upper" ************************************************** --> 176
177<!-- ************************************************** id="container" ************************************************** --> 178<div id="container" class="container"> 179 180<!-- ************************************************** id="contents" ************************************************** --> 181 182<div id="contents " class="page-content"> 183 184<div id="main"> 185<div class="box shopTop"> 186 <div col-flex="1-3"> 187<div class="cmn-ttl-01__wrap"><img src="../images/shop-ttl-bg.jpg" alt="" class=" main-page_img" /> 188<h1><span class=" ttl-cmn-01"> 189<p>ãªã³ã©ã¤ã³ã·ã§ãã</p> 190</span></h1> 191</div> 192</div></div></div> 193 194 195</div> 196<!-- ************************************************** // id="contents" ************************************************** --> 197 <div class="news_col_02"> 198<div id="bottom" class="news_left "> 199 200 <div class="catalog_new"> 201 <h3 class="catch">æ°çåå</h3> 202 <div class="catalogNewBox lineup_grid"> 203 <div class="lineup_item"> 204 <a href="../shop/catalog/96/25/" class="lineup_link"> 205 <figure class="lineup_img"> 206 <img src="../images/shop/catalog/25/thumb.jpg" alt="éªæ¡ï¼ç²æ°ãä»»ã2ããã¯ï¼" /> 207 </figure> 208 <h4 class="cmn-ttl-04">éªæ¡ï¼ç²æ°ãä»»ã2ããã¯ï¼</h4> 209 <!--price--> 210 <div class="price"> 211 4,300å(ç¨è¾¼) </div> 212 <!--price--> 213 </a> 214 </div> 215 <div class="lineup_item"> 216 <a href="../shop/catalog/96/24/" class="lineup_link"> 217 <figure class="lineup_img"> 218 <img src="../images/shop/catalog/24/thumb.jpg" alt="çç´ ã®ç¾é´ï¼ç²æ°ãä»»ã2ããã¯ï¼" /> 219 </figure> 220 <h4 class="cmn-ttl-04">çç´ ã®ç¾é´ï¼ç²æ°ãä»»ã2ããã¯ï¼</h4> 221 <!--price--> 222 <div class="price"> 223 4,300å(ç¨è¾¼) </div> 224 <!--price--> 225 </a> 226 </div> 227 <div class="lineup_item"> 228 <a href="../shop/catalog/96/02/" class="lineup_link"> 229 <figure class="lineup_img"> 230 <img src="../images/shop/catalog/02/thumb.jpg" alt="ç´ ã»ã£ãºï¼ç²æ°ãä»»ã2ããã¯ï¼" /> 231 </figure> 232 <h4 class="cmn-ttl-04">ç´ ã»ã£ãºï¼ç²æ°ãä»»ã2ããã¯ï¼</h4> 233 <!--price--> 234 <div class="price"> 235 2,900å(ç¨è¾¼) </div> 236 <!--price--> 237 </a> 238 </div> 239 <div class="lineup_item"> 240 <a href="../shop/catalog/96/22/" class="lineup_link"> 241 <figure class="lineup_img"> 242 <img src="../images/shop/catalog/22/thumb.jpg" alt="ç´ ã»ã£ãºã»ã»ããããï¼åï¼ããã¯ï¼" /> 243 </figure> 244 <h4 class="cmn-ttl-04">ç´ ã»ã£ãºã»ã»ããããï¼åï¼ããã¯ï¼</h4> 245 <!--price--> 246 <div class="price"> 247 2,950å(ç¨è¾¼) </div> 248 <!--price--> 249 </a> 250 </div> 251 <div class="lineup_item"> 252 <a href="../shop/catalog/97/23/" class="lineup_link"> 253 <figure class="lineup_img"> 254 <img src="../images/shop/catalog/23/thumb.jpg" alt="ã»ãããã(ç²æ°ãã¾ããï¼ï¼ããã¯" /> 255 </figure> 256 <h4 class="cmn-ttl-04">ã»ãããã(ç²æ°ãã¾ããï¼ï¼ããã¯</h4> 257 <!--price--> 258 <div class="price"> 259 3,000å(ç¨è¾¼) </div> 260 <!--price--> 261 </a> 262 </div> 263 </div> 264 <a href="../shop/catalog/96/" class="cmn-btn-01">ååä¸è¦§</a> 265 </div> 266 <div class="catalog_popular"> 267 <h3 class="catch">人æ°åå</h3> 268 <div class="catalogPopularBox lineup_grid"> 269 <div class="lineup_item"> 270 <a href="../shop/catalog/96/25/" class="lineup_link"> 271 <figure class="lineup_img"> 272 <img src="../images/shop/catalog/25/thumb.jpg" alt="éªæ¡ï¼ç²æ°ãä»»ã2ããã¯ï¼" /> 273 </figure> 274 <h4 class="cmn-ttl-04">éªæ¡ï¼ç²æ°ãä»»ã2ããã¯ï¼</h4> 275 <!--price--> 276 <div class="price"> 277 4,300å(ç¨è¾¼) </div> 278 <!--price--> 279 </a> 280 </div> 281 </div> 282 <a href="../shop/catalog/96/" class="cmn-btn-01">ååä¸è¦§</a> 283 </div> 284 </div> 285<!-- ************************************************** id="right" ************************************************** --> 286<div id="right" class="news_right block"> 287 <div class="container "> 288<div id="user_login_loader"></div>
289<script type="text/javascript"> 290jQuery(function(){ 291var src="https://garden-hananomi.co.jp/index.php?a=user_login/get_form/default_shop_top.htm/RIGHT/"; 292jQuery('#user_login_loader').load(src); 293}) 294</script>
294<div class="freeParts"> 295 <div class="box"> 296 <div class="boxTop"> 297 <div class="boxBottom"> 298 <div><div><div class="news_list_container"><h3 class="cmn-ttl-03">ã·ã§ããã¡ãã¥ã¼</h3> <ul class="news_list"> <li><a href="../shop/guide/" title="{item[cpc_title]}">ãå©ç¨æ¹æ³ã»ç¹å®åå弿³</a></li> <li><a href="../shop/rule/" title="{item[cpc_title]}">å©ç¨è¦ç´</a></li> </ul></div></div></div> </div> 299 </div> 300 </div> 301</div> </div> 302 </div> 303<!-- ************************************************** // id="right" ************************************************** --> 304 </div><!-- /.news_left --> 305</div><!-- //id="container" --> 306 307<!-- ************************************************** // id="container" ************************************************** --> 308 309<!-- id="topicpath" --> 310<div id="topicpath"> 311<div class="container"> 312</div> 313</div> 314<!-- // id="topicpath" --> 315 316<!-- ************************************************** id="opt" ************************************************** --> 317<div id="opt" class="clearfix"> 318<div class="container-flui"> 319<div class="row"> 320 321<div class="col-lg-8 col-md-7 col-sm-6 col-xs-12 " id="opt1"> 322</div> 323 324<div class="col-lg-4 col-md-5 col-sm-6 col-xs-12 " id="opt2"> 325</div> 326 327</div> 328</div> 329</div> 330<!-- ************************************************** // id="opt" ************************************************** --> 331 332</div><!-- /.wrap --> 333 334<!-- ************************************************** id="footer" ************************************************** --> 335 <footer class="footer underlayer"> 336 <div class="footer_contents"> 337 <div class="footer_grid"> 338 <div class="footer_shop"> 339 <p>ã¸ã£ã ã»èèã»ããªã³ã¯ã®è£½é ã¨è²©å£²</p> 340 <a href="https://hananomi.shop-pro.jp/?_ga=2.229822300.1303845632.1677802583-419473170.1672272227" target="_blank" rel="noopener"> 341 <img src="../images/footer_shop.jpg" alt=""> 342 </a> 343 </div> 344 <div class="footer_logo"> 345 <img src="../images/footer_logo.svg" alt=""> 346 </div> 347 <div class="footer_sns"> 348 <div class="footer_sns_inner"> 349 <p>OFFICIAL SNS</p> 350 <a href="../sns/" class="cmn-btn-01">å ¬å¼SNSã¯ãã¡ã</a> 351 </div> 352 </div> 353 </div> 354 </div> 355 356 <div class="return_top"> 357 <a href="#">ãã¼ã¸TOPã¸</a> 358 </div> 359 <p class="copyright">garden hananomi</p> 360 <div class="only-sp footer-menu"> 361 <ul class="footer-menu__list"> 362 <li class="footer-menu__contact"> 363 <a href="../contact/"> 364 <figure> 365 <img src="../images/footer-menu_01.svg" alt=""> 366 </figure> 367 <p>ãåãåãã</p> 368 </a> 369 </li> 370 <li class="footer-menu__tel"> 371 <span onClick="location.href='tel:070-1238-9151'"> 372 <figure> 373 <img src="../images/footer-menu_02.svg" alt=""> 374 </figure> 375 <p>TEL</p> 376 </span> 377 </li> 378 </ul> 379 </div> 380 </footer> 381 382 383 <!-- ã¨ã©ã¼è§£æ¶ã¾ã§ SPç¨ã«ã¼ããã¿ã³åºãåã --> 384 <div id="cart_parts" class="cartParts"> 385 <a href="../shop/cart/"> 386 <figure> 387 <img class="header_sp" src="../images/shop_cart.svg" alt=""> 388 <img class="header_pc" src="../images/header-shop.svg" alt=""> 389 </figure> 390 <p class="header_pc">ã«ã¼ã</p> 391 </a> 392 </div> 393 <!--SPã«ã¼ããã¿ã³ããã¾ã§-- > 394 395 396 {block[FOOTER]:h} 397<!-- ************************************************** // id="footer" ************************************************** --> 398 399 400</div><!-- // id="wrapper" --> 401
402<script> 403window.addEventListener("scroll", function () { 404 // ãããã¼ã夿°ã®ä¸ã«æ ¼ç´ãã 405 const header = document.querySelector(".header"); 406 // 100px以ä¸ã¹ã¯ãã¼ã«ããããããã¼ã«ãscroll-navãã¯ã©ã¹ãã¤ãã 407 header.classList.toggle("scroll-nav", window.scrollY > 10); 408}); 409</script>
409 410 411
412<script type="text/javascript"> 413jQuery(function () { 414jQuery('.telephone').each(function () { 415var tel = jQuery(this); 416var html = tel.html(); 417var teltext = tel.text(); 418var telnum = teltext.replace(/[^0-9]/g, ''); 419tel.html(jQuery('<a>').attr('href', 'tel:' + telnum).append(html)); 420}); 421}); 422</script>
422 423
424<script type="text/javascript"> 425const slideUp = (el, duration = 300) => { 426 el.style.height = el.offsetHeight + "px"; 427 el.offsetHeight; 428 el.style.transitionProperty = "height, margin, padding"; 429 el.style.transitionDuration = duration + "ms"; 430 el.style.transitionTimingFunction = "ease"; 431 el.style.overflow = "hidden"; 432 el.style.height = 0; 433 el.style.paddingTop = 0; 434 el.style.paddingBottom = 0; 435 el.style.marginTop = 0; 436 el.style.marginBottom = 0; 437 setTimeout(() => { 438 el.style.display = "none"; 439 el.style.removeProperty("height"); 440 el.style.removeProperty("padding-top"); 441 el.style.removeProperty("padding-bottom"); 442 el.style.removeProperty("margin-top"); 443 el.style.removeProperty("margin-bottom"); 444 el.style.removeProperty("overflow"); 445 el.style.removeProperty("transition-duration"); 446 el.style.removeProperty("transition-property"); 447 el.style.removeProperty("transition-timing-function"); 448 el.classList.remove("is-open"); 449 }, duration); 450}; 451const slideDown = (el, duration = 300) => { 452 el.classList.add("is-open"); 453 el.style.removeProperty("display"); 454 let display = window.getComputedStyle(el).display; 455 if (display === "none") { 456 display = "block"; 457 } 458 el.style.display = display; 459 let height = el.offsetHeight; 460 el.style.overflow = "hidden"; 461 el.style.height = 0; 462 el.style.paddingTop = 0; 463 el.style.paddingBottom = 0; 464 el.style.marginTop = 0; 465 el.style.marginBottom = 0; 466 el.offsetHeight; 467 el.style.transitionProperty = "height, margin, padding"; 468 el.style.transitionDuration = duration + "ms"; 469 el.style.transitionTimingFunction = "ease"; 470 el.style.height = height + "px"; 471 el.style.removeProperty("padding-top"); 472 el.style.removeProperty("padding-bottom"); 473 el.style.removeProperty("margin-top"); 474 el.style.removeProperty("margin-bottom"); 475 setTimeout(() => { 476 el.style.removeProperty("height"); 477 el.style.removeProperty("overflow"); 478 el.style.removeProperty("transition-duration"); 479 el.style.removeProperty("transition-property"); 480 el.style.removeProperty("transition-timing-function"); 481 }, duration); 482}; 483const slideToggle = (el, duration = 300) => { 484 if (window.getComputedStyle(el).display === "none") { 485 return slideDown(el, duration); 486 } else { 487 return slideUp(el, duration); 488 } 489}; 490const accordions = document.querySelectorAll(".js-accordion"); 491const accordionsArr = Array.prototype.slice.call(accordions); 492accordionsArr.forEach((accordion) => { 493 const accordionTriggers = accordion.querySelectorAll(".js-accordion-trigger"); 494 const accordionTriggersArr = Array.prototype.slice.call(accordionTriggers); 495 accordionTriggersArr.forEach((trigger) => { 496 trigger.addEventListener("click", () => { 497 trigger.classList.toggle("is-active"); 498 const content = trigger.querySelector(".accordion__content"); 499 slideToggle(content); 500 }); 501 }); 502}); 503</script>
503 504 505<!-- åå詳細ã¹ã©ã¤ãã¼ -->
506<script type="text/javascript"> 507jQuery('.lineup_detail_slider').on('init', function(event, slick, currentSlide, nextSlide) { 508 slideItem = jQuery(".slick-slide") 509 for (let i = 0; i < slick.slideCount; i++) { 510 let slideImg = slideItem.filter(function() { 511 return (jQuery(this).data('slick-index') === i) 512 }).find("img").clone() 513 let dot = jQuery(".slick-dots").find("li").eq(i).find("button") 514 let src = slideImg.attr('src') 515 dot.css("background", `url(${src})`) 516 dot.css("background-size", "contain") 517 } 518}); 519 520jQuery('.lineup_detail_slider').slick({ 521 autoplay: true, 522 autoplaySpeed: 4000, 523 dots: true, 524 arrows: false, 525 fade: true, 526}); 527</script>
527 528 529 530<div id="published" style="display:none"> </div></body> 531</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.