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"> 30$.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/blog_recent/css/blog_recent.css" rel="stylesheet" type="text/css" /> 49<link rel="shortcut icon" href="/favicon.ico?f=1791276248" type="image/vnd.microsoft.icon"> 50<link rel="icon" href="/favicon.ico?f=1791276248" type="image/vnd.microsoft.icon"> 51<link rel="alternate" type="application/rss+xml" title="ã³ã©ã ã»ãç¥ãã RSS 1.0" href="/news/feed/rss10/" /> 52 53<!-- js/ãã©ã³ã 追å --> 54<link rel="preconnect" href="https://fonts.googleapis.com"> 55<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 56<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"> 57 58<link rel="stylesheet" type="text/css" href="/_templates/hananomi/js/drawer/drawer.min.css"> 59<link rel="stylesheet" type="text/css" href="/_templates/hananomi/js/slick/slick-theme.css" media="all"> 60<link rel="stylesheet" type="text/css" href="/_templates/hananomi/js/slick/slick.css" media="all">
61<script src="/_templates/hananomi/js/jquery.min.js"></script>
vendor: 2 bytes, line 61
61
62<script src="/_templates/hananomi/js/jquery.matchHeight.js"></script>
vendor: 2 bytes, line 62
62
63<script src="/_templates/hananomi/js/drawer/iscroll.js"></script>
vendor: 2 bytes, line 63
63
64<script src="/_templates/hananomi/js/drawer/drawer.min.js"></script>
vendor: 2 bytes, line 64
64
65<script src="/_templates/hananomi/js/ofi.min.js"></script>
vendor: 2 bytes, line 65
65
66<script src="/_templates/hananomi/js/slick/slick.min.js"></script>
vendor: 2 bytes, line 66
66
67<script src="/_templates/hananomi/js/common.js"></script>
vendor: 2 bytes, line 67
67
68<script src="/_templates/hananomi/js/user.js"></script>
68 69<!-- js/ãã©ã³ã 追å --> 70 71<link type="text/css" rel="stylesheet" href="/_templates/hananomi/css/style.css" /> 72<link type="text/css" rel="stylesheet" href="/_templates/hananomi/css/common.css" /> 73<link type="text/css" rel="stylesheet" href="/_templates/hananomi/css/user.css" /> 74
75<script>get_cookie_banner_settings();</script>
75 76<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 76-77
76 77<script async src="https://www.googletagmanager.com/gtag/js?id=
77AW-10797050987
vendor: 13 bytes, line 77
77"></script>
78<script> 79
vendor: 138 bytes, lines 79-83
79window.dataLayer = window.dataLayer || []; 80 function gtag(){dataLayer.push(arguments);} 81 gtag('js', new Date()); 82 83 gtag('config', '
83AW-10797050987
vendor: 5 bytes, line 83
83');
84</script>
84<meta name="google-site-verification" content="KCpcJb_V5yDYc_tNzSslbDW34IX3C-u1BS9m9voMwfc" /></head> 85<body id="bootstrap_template" class="column1 top drawer drawer--top"> 86<div id="wrapper"> 87 88 89 90<!-- ************************************************** id="header" ************************************************** --> 91 <div id="header" class="header"> 92<div class="container header__inner "> 93 94 95<div class="header-ico__wrap"> 96<button type="button" class="drawer-toggle drawer-hamburger"> 97<span class="sr-only">toggle navigation</span> 98<span class="drawer-hamburger-icon"></span> 99</button><!-- /drawer-toggle --> 100</div> 101 102<nav class="global-nav drawer-nav"> 103 <figure class="header_logo__sp"> 104 <a href="/"> 105 <img src="/images/header_logo_sp.svg" slt="ã¬ã¼ãã³ã¯ãªã®ã¿ãã´"> 106 </a> 107 </figure> 108 <ul class="clearfix global-nav__list drawer-menu"><!-- 109 --><li class="global-nav__item"> 110 <a class="menu" href="/about/" target="_self">ã¬ã¼ãã³ã¯ãªã®ã¿ã«ã¤ãã¦</a> <span class="sp_header_open"></span> <ul class="clearfix global-nav__list drawer-menu"><!-- 111 --><li class="global-nav__item"> 112 <a class="menu" href="/about/thought/" target="_self">ç§ãã¡ã®æ³ã</a></li><li class="global-nav__item"> 113 <a class="menu" href="/about/strawberry/" target="_self">ãã¡ãçç£ã«ã¤ãã¦</a></li><!-- 114 --></ul></li><li class="global-nav__item"> 115 <a class="menu" href="/lineup/" target="_self">ååã©ã¤ã³ããã</a> <span class="sp_header_open"></span> <ul class="clearfix global-nav__list drawer-menu"><!-- 116 --><li class="global-nav__item"> 117 <a class="menu" href="/lineup/category/29095/" target="_self">ãã¡ã製å</a></li><li class="global-nav__item"> 118 <a class="menu" href="/lineup/category/29097/" target="_self">ãã®ä»è£½å</a></li><!-- 119 --></ul></li><li class="global-nav__item"> 120 <a class="menu" href="/greeting/" target="_self">代表ãããã¤</a> </li><li class="global-nav__item"> 121 <a class="menu menu-selected" href="/" target="_self">TOP</a> </li><li class="global-nav__item"> 122 <a class="menu" href="/company/" target="_self">ä¼ç¤¾æ¦è¦</a> <span class="sp_header_open"></span> <ul class="clearfix global-nav__list drawer-menu"><!-- 123 --><li class="global-nav__item"> 124 <a class="menu" href="/company/inquiry/" target="_self">å種ãåãåãã</a></li><li class="global-nav__item"> 125 <a class="menu" href="/company/corporate/" target="_self">æ³äººã®ã客æ§</a></li><li class="global-nav__item"> 126 <a class="menu" href="/company/policy/" target="_self">ãã©ã¤ãã·ã¼ããªã·ã¼</a></li><!-- 127 --></ul></li><li class="global-nav__item"> 128 <a class="menu" href="/news/" target="_self">ã³ã©ã ã»ãç¥ãã</a> </li><li class="global-nav__item"> 129 <a class="menu" href="/contact/" target="_self">ãåãåãã</a> </li><!-- 130 --><li class="global-nav__item only-burger"> 131 <a class="menu" href="/beekeeping/" target="_self">Hananomi é¤èå ´</a> 132 </li> 133 <li class="global-nav__item only-burger"> 134 <a class="menu" href="/shop/" target="_self">ãªã³ã©ã¤ã³ã·ã§ãã</a> 135 </li> 136 </ul> 137<!-- /.navbar-collapse --> 138</nav> 139 <div class="header-shop top-beekeeping"> 140 <a href="/beekeeping/"> 141 <img src="/images/header-beekeeping.svg" alt=""> 142 <p><small>Hananomi</small><br>é¤èå ´</p> 143 </a> 144 </div> 145 <div class="header-shop"> 146 <a href="/shop/"> 147 <img src="/images/header-shop.svg" alt="ã«ã¼ããã¿ã³"> 148 <p>ãªã³ã©ã¤ã³ã·ã§ãã</p> 149 </a> 150 </div> 151 </div> 152 </div> 153<!-- ************************************************** // id="header" ************************************************** --> 154 155 <main> 156 <div class="back_img"> 157 <div class="index-boder"></div> 158 <div class="index-hero"> 159 <div class="index-hero__slide only-sp"> 160 <div id="heroSlider" class="hero-slide_sp" dir="rtl"> 161 <div class="hero-slide__item"> 162 <figure class="obj-fit"> 163 <img src="/images/hero_slide_01.png" alt="" class="ofi"> 164 </figure> 165 </div><!-- /hero-slide__item --> 166 <div class="hero-slide__item"> 167 <figure class="obj-fit"> 168 <img src="/images/hero_slide_02.png" alt="" class="ofi"> 169 </figure> 170 </div><!-- /hero-slide__item --> 171 <div class="hero-slide__item"> 172 <figure class="obj-fit"> 173 <img src="/images/hero_slide_04.png" alt="" class="ofi"> 174 </figure> 175 </div><!-- /hero-slide__item --> 176 <div class="hero-slide__item"> 177 <figure class="obj-fit"> 178 <img src="/images/hero_slide_05.png" alt="" class="ofi"> 179 </figure> 180 </div><!-- /hero-slide__item --> 181 <div class="hero-slide__item"> 182 <figure class="obj-fit"> 183 <img src="/images/hero_slide_06.png" alt="" class="ofi"> 184 </figure> 185 </div><!-- /hero-slide__item --> 186 <div class="hero-slide__item"> 187 <figure class="obj-fit"> 188 <img src="/images/hero_slide_08.png" alt="" class="ofi"> 189 </figure> 190 </div><!-- /hero-slide__item --> 191 <div class="hero-slide__item"> 192 <figure class="obj-fit"> 193 <img src="/images/hero_slide_01.png" alt="" class="ofi"> 194 </figure> 195 </div><!-- /hero-slide__item --> 196 <div class="hero-slide__item"> 197 <figure class="obj-fit"> 198 <img src="/images/hero_slide_02.png" alt="" class="ofi"> 199 </figure> 200 </div><!-- /hero-slide__item --> 201 <div class="hero-slide__item"> 202 <figure class="obj-fit"> 203 <img src="/images/hero_slide_04.png" alt="" class="ofi"> 204 </figure> 205 </div><!-- /hero-slide__item --> 206 <div class="hero-slide__item"> 207 <figure class="obj-fit"> 208 <img src="/images/hero_slide_05.png" alt="" class="ofi"> 209 </figure> 210 </div><!-- /hero-slide__item --> 211 <div class="hero-slide__item"> 212 <figure class="obj-fit"> 213 <img src="/images/hero_slide_06.png" alt="" class="ofi"> 214 </figure> 215 </div><!-- /hero-slide__item --> 216 <div class="hero-slide__item"> 217 <figure class="obj-fit"> 218 <img src="/images/hero_slide_08.png" alt="" class="ofi"> 219 </figure> 220 </div><!-- /hero-slide__item --> 221 <div class="hero-slide__item"> 222 <figure class="obj-fit"> 223 <img src="/images/hero_slide_01.png" alt="" class="ofi"> 224 </figure> 225 </div><!-- /hero-slide__item --> 226 <div class="hero-slide__item"> 227 <figure class="obj-fit"> 228 <img src="/images/hero_slide_02.png" alt="" class="ofi"> 229 </figure> 230 </div><!-- /hero-slide__item --> 231 <div class="hero-slide__item"> 232 <figure class="obj-fit"> 233 <img src="/images/hero_slide_04.png" alt="" class="ofi"> 234 </figure> 235 </div><!-- /hero-slide__item --> 236 <div class="hero-slide__item"> 237 <figure class="obj-fit"> 238 <img src="/images/hero_slide_05.png" alt="" class="ofi"> 239 </figure> 240 </div><!-- /hero-slide__item --> 241 <div class="hero-slide__item"> 242 <figure class="obj-fit"> 243 <img src="/images/hero_slide_06.png" alt="" class="ofi"> 244 </figure> 245 </div><!-- /hero-slide__item --> 246 <div class="hero-slide__item"> 247 <figure class="obj-fit"> 248 <img src="/images/hero_slide_08.png" alt="" class="ofi"> 249 </figure> 250 </div><!-- /hero-slide__item --> 251 </div><!-- /hero-slide --> 252 </div><!-- /index-hero__slide --> 253 <figure class="index-hero_logo"> 254 <img src="/images/logo_b.svg" alt="ãã´"> 255 </figure> 256 <div class="index-hero_ttl"> 257 <h1><span class="emphasis only-pc">ã¬ã¼ãã³ã¯ãªã®ã¿ã¯</span> 258 çãã£ã¦<br> 259 ç¾å³ããã£ã¦<br> 260 幸ãã«ãªãã<br> 261 æã¿ãã¦<span class="red">ãã¡ã</span>ã<br> 262 çç£ãã¦ãã¾ã</h1> 263 </div> 264 <div class="index-hero__slide"> 265 <div id="heroSlider" class="hero-slide"> 266 <div class="hero-slide__item"> 267 <figure class="obj-fit"> 268 <img src="/images/hero_slide_01.png" alt="" class="ofi"> 269 </figure> 270 </div><!-- /hero-slide__item --> 271 <div class="hero-slide__item"> 272 <figure class="obj-fit"> 273 <img src="/images/hero_slide_02.png" alt="" class="ofi"> 274 </figure> 275 </div><!-- /hero-slide__item --> 276 <div class="hero-slide__item"> 277 <figure class="obj-fit"> 278 <img src="/images/hero_slide_04.png" alt="" class="ofi"> 279 </figure> 280 </div><!-- /hero-slide__item --> 281 <div class="hero-slide__item"> 282 <figure class="obj-fit"> 283 <img src="/images/hero_slide_05.png" alt="" class="ofi"> 284 </figure> 285 </div><!-- /hero-slide__item --> 286 <div class="hero-slide__item"> 287 <figure class="obj-fit"> 288 <img src="/images/hero_slide_06.png" alt="" class="ofi"> 289 </figure> 290 </div><!-- /hero-slide__item --> 291 <div class="hero-slide__item"> 292 <figure class="obj-fit"> 293 <img src="/images/hero_slide_08.png" alt="" class="ofi"> 294 </figure> 295 </div><!-- /hero-slide__item --> 296 <div class="hero-slide__item"> 297 <figure class="obj-fit"> 298 <img src="/images/hero_slide_01.png" alt="" class="ofi"> 299 </figure> 300 </div><!-- /hero-slide__item --> 301 <div class="hero-slide__item"> 302 <figure class="obj-fit"> 303 <img src="/images/hero_slide_02.png" alt="" class="ofi"> 304 </figure> 305 </div><!-- /hero-slide__item --> 306 <div class="hero-slide__item"> 307 <figure class="obj-fit"> 308 <img src="/images/hero_slide_04.png" alt="" class="ofi"> 309 </figure> 310 </div><!-- /hero-slide__item --> 311 <div class="hero-slide__item"> 312 <figure class="obj-fit"> 313 <img src="/images/hero_slide_05.png" alt="" class="ofi"> 314 </figure> 315 </div><!-- /hero-slide__item --> 316 <div class="hero-slide__item"> 317 <figure class="obj-fit"> 318 <img src="/images/hero_slide_06.png" alt="" class="ofi"> 319 </figure> 320 </div><!-- /hero-slide__item --> 321 <div class="hero-slide__item"> 322 <figure class="obj-fit"> 323 <img src="/images/hero_slide_08.png" alt="" class="ofi"> 324 </figure> 325 </div><!-- /hero-slide__item --> 326 <div class="hero-slide__item"> 327 <figure class="obj-fit"> 328 <img src="/images/hero_slide_01.png" alt="" class="ofi"> 329 </figure> 330 </div><!-- /hero-slide__item --> 331 <div class="hero-slide__item"> 332 <figure class="obj-fit"> 333 <img src="/images/hero_slide_02.png" alt="" class="ofi"> 334 </figure> 335 </div><!-- /hero-slide__item --> 336 <div class="hero-slide__item"> 337 <figure class="obj-fit"> 338 <img src="/images/hero_slide_04.png" alt="" class="ofi"> 339 </figure> 340 </div><!-- /hero-slide__item --> 341 <div class="hero-slide__item"> 342 <figure class="obj-fit"> 343 <img src="/images/hero_slide_05.png" alt="" class="ofi"> 344 </figure> 345 </div><!-- /hero-slide__item --> 346 <div class="hero-slide__item"> 347 <figure class="obj-fit"> 348 <img src="/images/hero_slide_06.png" alt="" class="ofi"> 349 </figure> 350 </div><!-- /hero-slide__item --> 351 <div class="
351hero-slide__item"> 352 <figure class="obj-fit"> 353 <img src="/images/hero_slide_08.png" alt="" class="ofi"> 354 </figure> 355 </div><!-- /hero-slide__item --> 356 </div><!-- /hero-slide --> 357 </div><!-- /index-hero__slide --> 358 </div><!-- /index-hero --> 359 </div><!-- /back_img --> 360 <div class="top-about__wrap"> 361 <div class="contents"> 362 <div class="top-about__grid"> 363 <div class="top-about__text"> 364 <p class="top-about__catch"> 365 èªç¶è±ããªä¿¡å·ãã<br> 366 ã¨ã£ã¦ããã®ç¾å³ãããå±ãã<br> 367 <sapn class="pink">ãã¡ãè¾²å</sapn>ã§ã</p> 368 369 <p>âèªç¶ã®æµã¿ãããã ãâã¬ã¼ãã³ã¯ãªã®ã¿ã¯ãã人ã«ãããããã®ã¥ãããã<br class="only-pc"> 370 ã³ã³ã»ããã«ããã¡ãã®çç£ã»è²©å£²ãè¡ãè¾²åã§ãã<br> 371 大åãªäººã¸ã®è´ãç©ã«ãèªåã¸ã®ãè¤ç¾ã«ãã¡ãã£ã¨ããè´ æ²¢ãã<br> 372 èªç¶ã®æµã¿ããã£ã·ãè©°ã¾ã£ãç¾å³ããããä¿¡å·ãããå±ããã¾ãã</p> 373 <div class="top-about__btn_wrap"> 374 <a href="/about/" class="cmn-btn-02">ã¬ã¼ãã³ã¯ãªã®ã¿ã«ã¤ãã¦</a> 375 </div> 376 </div> 377 <figure class="top-about__img"> 378 <img src="/images/top-about.jpg" alt="" class="only-pc"> 379 <img src="/images/top-about_sp.jpg" alt="" class="only-sp"> 380 </figure> 381 </div> 382 </div> 383 <img src="/images/top-about__deco02.svg" alt="" class="top-about__deco"> 384 </div> 385 386 <div class="top-strawberry_container"> 387 <div class="contents"> 388 <div class="spec-column__grid text_r"> 389 <div class="spec-column__text"> 390 <h3 class="ttl-cmn-03 ttl_strawberry">ã¿ã¤ã°ã¡ãè²ã¦ãç¾å³ãããã¡ã</h3> 391 <p class="text">ã¿ã¤ã°ã¡ã¨ãã¡ãã¯ã<br class="only-pc"> 392 äºããå¿ è¦ã¨ãã大äºãªãã¼ããã¼ã<br> 393 ãã¡ãã®è±ã®èãå¸ããè±ç²ãéãã§åç²ããããã¾ãã<br> 394 èªç¶çã§è¡ããã¦ãã循ç°ãç¾å³ãããã¡ããè²ã¦ã¾ãã</p> 395 <a href="/about/strawberry/" class="cmn-btn-01">ãã¡ãçç£ã«ã¤ãã¦</a> 396 </div> 397 <div class="spec-column__img"> 398 <figure> 399 <img src="/images/top-strawberry.jpg" alt=""> 400 </figure> 401 </div> 402 </div> 403 </div> 404 <img src="/images/top-strawberry_deco02.svg" alt="" class="top-strawberry_deco"> 405 </div> 406 <div class="top-honey_container"> 407 <div class="contents"> 408 <div class="spec-column__grid"> 409 <div class="spec-column__text"> 410 <h3 class="ttl-cmn-03 ttl_strawberry">ãã®ç¾å³ããã«ã¯çç±ãããã¾ã</h3> 411 <p class="text">ãã¡ãã®å³ã決ããã®ã¯ã天åãç°å¢ãæ ½å¹æ¹æ³ãªã©ã<br> 412 èä½ãããåºè·ã¾ã§å¾¹åºããå質管çã®ãã¨ã<br> 413 æ¡ããã¦ã®ç¾å³ãããã®ã¾ã¾ãé£åã«ãå±ããã¾ãã</p> 414 <a href="/about/strawberry#secret" class="cmn-btn-01">ç¾å³ããã®ç§å¯</a> 415 </div> 416 <div class="spec-column__img"> 417 <figure> 418 <img src="/images/top-honey.jpg" alt=""> 419 </figure> 420 </div> 421 </div> 422 </div> 423 <figure class="top-honey_deco"> 424 <img src="/images/top-honey_deco02.svg" alt=""> 425 </figure> 426 </div> 427 428 <div class="top-shop__container"> 429 <div class="contents"> 430 <div class="top-shop__wrap"> 431 <figure class="top-shop__img"> 432 <img src="/images/top-shop_bg.jpg" alt="" class="only-pc"> 433 <img src="/images/top-shop_bg_sp.jpg" alt="" class="only-sp"> 434 </figure> 435 <div class="top-shop__text"> 436 <h3 class="ttl-cmn-03 ttl_strawberry">æ¡ããã¦ã®æ¬ã®å³ããã<br>
437 ä¿¡å·ããç´éãã¾ã</h2> 438 <a href="/shop/" class="cmn-btn-01 only-pc">ãªã³ã©ã¤ã³ã·ã§ãã</a> 439 </div> 440 <div class="top-shop__link"> 441 <a href="/shop/" class="cmn-btn-01 only-sp">ãªã³ã©ã¤ã³ã·ã§ãã</a> 442 </div> 443 </div> 444 </div> 445 </div> 446 </main> 447 448<!-- ************************************************** id="upper" ************************************************** --> 449<div id="upper"> 450<div class="container "> 451</div> 452</div> 453<!-- ************************************************** // id="upper" ************************************************** --> 454 455 456<!-- ************************************************** id="container" ************************************************** --> 457 458 459<!-- ************************************************** id="contents" ************************************************** --> 460<div id="contents" class="index-contents"> 461 462<div id="main"> 463</div> 464 465<div id="bottom"> 466 <div class="top-news__container"> 467 <div class="top-news__bg"> 468 <div class="contents"> 469 <h3 class="ttl-cmn-03">ã³ã©ã ã»ãç¥ãã</h3> 470 <div class="top-news__grid"> 471 <div class="top-news__link"> 472 <ul> 473 <li><a href="/news/category/29102/">ãç¥ãã</a></li> 474 <li><a href="/news/category/29103/">ãã¡ãè¾²å</a></li> 475 <li><a href="/news/category/29101/">ã¹ã¿ããããã°</a></li> 476 </ul> 477 <div class="top-news__btn only-pc"> 478 <a href="/news/category/29102/" class="cmn-btn-02">ãç¥ããä¸è¦§</a> 479 <a href="/news/category/29105/" class="cmn-btn-02">ã³ã©ã ä¸è¦§</a> 480 </div> 481 </div> 482 483 <div> 484 <div class="top-news__slider only-pc"> 485 <div class="top-news__slid"> 486 <div class="top-news__slid_item"> 487 <a href="/news/2025/03/89563/" class="top-news__slid_link"> 488 <figure class="top-news__img"> 489 <img src="/images/noimg.jpg" alt=""> 490 </figure> 491 <div class="top-news__text"> 492 <div class="top-news__info"> 493 <span class="date">2025.03.13</span> 494 <h5>ã¬ã¼ãã³ã¯ãªã®ã¿ã§åãã¦ãã ããæ¹åéï¼ï¼</h5> 495 </div> 496 </div> 497 </a> 498 </div><div class="top-news__slid_item"> 499 <a href="/news/2023/09/89561/" class="top-news__slid_link"> 500 <figure class="top-news__img"> 501 <img src="/images/images20230922092933.jpg" alt=""> 502 </figure> 503 <div class="top-news__text"> 504 <div class="top-news__info">
505 <span class="cate">ãç¥ãã</span> <span class="date">2023.09.12</span> 506 <h5>å·åãã¡ã販売ä¸</h5> 507 </div> 508 </div> 509 </a> 510 </div><div class="top-news__slid_item"> 511 <a href="/news/2023/03/89560/" class="top-news__slid_link"> 512 <figure class="top-news__img"> 513 <img src="/images/shop/catalog/04/thumborigin.jpg" alt=""> 514 </figure> 515 <div class="top-news__text"> 516 <div class="top-news__info"> 517 <span class="cate">ãç¥ãã</span> <span class="date">2023.03.08</span> 518 <h5>ãªã³ã©ã¤ã³ã·ã§ããå ¬éè¨å¿µç¹å¥ä¾¡æ ¼</h5> 519 </div> 520 </div> 521 </a> 522 </div><div class="top-news__slid_item"> 523 <a href="/news/2023/03/89559/" class="top-news__slid_link"> 524 <figure class="top-news__img"> 525 <img src="/images/column01.png" alt=""> 526 </figure> 527 <div class="top-news__text"> 528 <div class="top-news__info"> 529 <span class="cate">ãç¥ãã</span> <span class="date">2023.03.03</span> 530 <h5>ã¬ã¼ãã³ã¯ãªã®ã¿ã®ãã¼ã ãã¼ã¸ãã§ãã¾ããã</h5> 531 </div> 532 </div> 533 </a> 534 </div> </div> 535 </div> 536 <div class="top-news__slider only-sp"> 537 <div class="top-news__slid"> 538 <div class="top-news__slid_item"> 539 <a href="/news/2025/03/89563/" class="top-news__slid_link"> 540 <figure class="top-news__img"> 541 <img src="/images/noimg.jpg" alt=""> 542 </figure> 543 <div class="top-news__text"> 544 <div class="top-news__info"> 545 <span class="date">2025.03.13</span> 546 <h5>ã¬ã¼ãã³ã¯ãªã®ã¿ã§åãã¦ãã ããæ¹åéï¼ï¼</h5> 547 </div> 548 </div> 549 </a> 550 </div><div class="top-news__slid_item"> 551 <a href="/news/2023/09/89561/" class="top-news__slid_link"> 552 <figure class="top-news__img"> 553 <img src="/images/images20230922092933.jpg" alt=""> 554 </figure> 555 <div class="top-news__text"> 556 <div class="top-news__info">
557 <span class="cate">ãç¥ãã</span> <span class="date">2023.09.12</span> 558 <h5>å·åãã¡ã販売ä¸</h5> 559 </div> 560 </div> 561 </a> 562 </div><div class="top-news__slid_item"> 563 <a href="/news/2023/03/89560/" class="top-news__slid_link"> 564 <figure class="top-news__img"> 565 <img src="/images/shop/catalog/04/thumborigin.jpg" alt=""> 566 </figure> 567 <div class="top-news__text"> 568 <div class="top-news__info"> 569 <span class="cate">ãç¥ãã</span> <span class="date">2023.03.08</span> 570 <h5>ãªã³ã©ã¤ã³ã·ã§ããå ¬éè¨å¿µç¹å¥ä¾¡æ ¼</h5> 571 </div> 572 </div> 573 </a> 574 </div><div class="top-news__slid_item"> 575 <a href="/news/2023/03/89559/" class="top-news__slid_link"> 576 <figure class="top-news__img"> 577 <img src="/images/column01.png" alt=""> 578 </figure> 579 <div class="top-news__text"> 580 <div class="top-news__info"> 581 <span class="cate">ãç¥ãã</span> <span class="date">2023.03.03</span> 582 <h5>ã¬ã¼ãã³ã¯ãªã®ã¿ã®ãã¼ã ãã¼ã¸ãã§ãã¾ããã</h5> 583 </div> 584 </div> 585 </a> 586 </div> </div> 587 </div> 588 <div class="top-news__btn only-sp"> 589 <div class="top-news__btn_item"> 590 <a href="/news/category/29102/" class="cmn-btn-02">ãç¥ããä¸è¦§</a> 591 </div> 592 <div class="top-news__btn_item"> 593 <a href="/news/category/29105/" class="cmn-btn-02">ã³ã©ã ä¸è¦§</a> 594 </div> 595 </div> 596 </div> 597 </div> 598 </div> 599 </div> 600 </div> 601</div> 602 603</div> 604<!-- ************************************************** // id="contents" ************************************************** --> 605 606 607 608<!-- ************************************************** // id="container" ************************************************** --> 609 610<!-- ************************************************** id="side" ************************************************** --> 611<div id="side"> 612<div class="wrapper"> 613 <div class="container "> 614 </div> 615</div> 616 </div> 617<!-- ************************************************** // id="side" ************************************************** --> 618 619<!-- ************************************************** id="right" ************************************************** --> 620<div id="right"> 621 <div class="container "> 622 </div> 623 </div> 624<!-- ************************************************** // id="right" ************************************************** --> 625 626<!-- id="topicpath" --> 627<div id="topicpath"> 628<div class="container"> 629</div> 630</div> 631<!-- // id="topicpath" --> 632 633<!-- ************************************************** id="opt" ************************************************** --> 634<div id="opt" class="clearfix"> 635<!-- <div class="container-flui"> 636<div class="row"> --> 637 638<div id="opt1"> 639</div> 640 641<div id="opt2"> 642</div> 643 644<!-- </div> 645</div> --> 646</div> 647<!-- ************************************************** // id="opt" ************************************************** --> 648 649<!-- ************************************************** id="opt3" ************************************************** --> 650<div id="opt3"> 651<div class="container "> 652</div> 653</div> 654<!-- ************************************************** // id="opt3" ************************************************** --> 655 656<!-- ************************************************** id="footer" ************************************************** --> 657 <footer class="footer"> 658 <div class="footer_contents"> 659 <div class="footer_grid"> 660 <div class="footer_shop"> 661 <p>ã¸ã£ã ã»èèã»ããªã³ã¯ã®è£½é ã¨è²©å£²</p> 662 <a href="https://hananomi.shop-pro.jp/?_ga=2.229822300.1303845632.1677802583-419473170.1672272227" target="_blank" rel="noopener"> 663 <img src="/images/footer_shop.jpg" alt=""> 664 </a> 665 </div> 666 <div class="footer_logo"> 667 <img src="/images/footer_logo.svg" alt=""> 668 </div> 669 <div class="footer_sns"> 670 <div class="footer_sns_inner"> 671 <p>OFFICIAL SNS</p> 672 <a href="/sns/" class="cmn-btn-01">å ¬å¼SNSã¯ãã¡ã</a> 673 </div> 674 </div> 675 </div> 676 </div> 677 678 <div class="return_top"> 679 <a href="#">TOPã¸</a> 680 </div> 681 <p class="copyright">garden hananomi</p> 682 <div class="only-sp footer-menu"> 683 <ul class="footer-menu__list"> 684 <li class="footer-menu__contact"> 685 <a href="/contact/"> 686 <figure> 687 <img src="/images/footer-menu_01.svg" alt=""> 688 </figure> 689 <p>ãåãåãã</p> 690 </a> 691 </li> 692 <li class="footer-menu__tel">
693 <span onClick="location.href='tel:070-1238-9151'"> 694 <figure> 695 <img src="/images/footer-menu_02.svg" alt=""> 696 </figure> 697 <p>TEL</p> 698 </span> 699 </li> 700 <li class="footer-menu__shop"> 701 <a href="/shop/"> 702 <figure> 703 <img src="/images/footer-menu_03.svg" alt=""> 704 </figure> 705 <p>ãªã³ã©ã¤ã³ã·ã§ãã</p> 706 </a> 707 </li> 708 </ul> 709 </div> 710 </footer> 711<!-- ************************************************** // id="footer" ************************************************** --> 712 713 714</div><!-- // id="wrapper" --> 715
716<script> 717window.addEventListener("scroll", function () { 718 // ãããã¼ã夿°ã®ä¸ã«æ ¼ç´ãã 719 const header = document.querySelector(".header"); 720 // 100px以ä¸ã¹ã¯ãã¼ã«ããããããã¼ã«ãscroll-navãã¯ã©ã¹ãã¤ãã 721 header.classList.toggle("scroll-nav", window.scrollY > 10); 722}); 723</script>
723 724 725
726<script type="text/javascript"> 727$(function () { 728$('.telephone').each(function () { 729var tel = $(this); 730var html = tel.html(); 731var teltext = tel.text(); 732var telnum = teltext.replace(/[^0-9]/g, ''); 733tel.html($('<a>').attr('href', 'tel:' + telnum).append(html)); 734}); 735}); 736</script>
736 737
738<script type="text/javascript"> 739jQuery(".hero-slide").slick({ 740 autoplay: true, // èªåã§ã¹ã¯ãã¼ã« 741 autoplaySpeed: 0, // èªååçã®ã¹ã©ã¤ãåãæ¿ãã¾ã§ã®æéãè¨å® 742 speed: 5000, // ã¹ã©ã¤ããæµããé度ãè¨å® 743 cssEase: "linear", // ã¹ã©ã¤ãã®æµãæ¹ãçéã«è¨å® 744 slidesToShow: 8, // 表示ããã¹ã©ã¤ãã®æ° 745 swipe: false, // æä½ã«ããåãæ¿ãã¯ãããªã 746 arrows: false, // ç¢å°é表示 747 pauseOnFocus: false, // ã¹ã©ã¤ãã¼ããã©ã¼ã«ã¹ããæã«ã¹ã©ã¤ãã忢ãããã 748 pauseOnHover: false, // ã¹ã©ã¤ãã¼ã«ãã¦ã¹ããã¼ããæã«ã¹ã©ã¤ãã忢ãããã 749 responsive: [ 750 { 751 breakpoint: 1300, 752 settings: { 753 slidesToShow: 6, // ç»é¢å¹ 1300px以ä¸ã§ã¹ã©ã¤ã6æè¡¨ç¤º 754 }, 755 }, 756 { 757 breakpoint: 1130, 758 settings: { 759 slidesToShow: 5, // ç»é¢å¹ 1130px以ä¸ã§ã¹ã©ã¤ã5æè¡¨ç¤º 760 }, 761 }, 762 { 763 breakpoint: 500, 764 settings: { 765 slidesToShow: 4, 766 }, 767 }, 768 ], 769}); 770</script>
vendor: 2 bytes, line 770
770
771<script type="text/javascript"> 772jQuery(".hero-slide_sp").slick({ 773 autoplay: true, // èªåã§ã¹ã¯ãã¼ã« 774 autoplaySpeed: 0, // èªååçã®ã¹ã©ã¤ãåãæ¿ãã¾ã§ã®æéãè¨å® 775 speed: 5000, // ã¹ã©ã¤ããæµããé度ãè¨å® 776 cssEase: "linear", // ã¹ã©ã¤ãã®æµãæ¹ãçéã«è¨å® 777 slidesToShow: 5, // 表示ããã¹ã©ã¤ãã®æ° 778 swipe: false, // æä½ã«ããåãæ¿ãã¯ãããªã 779 arrows: false, // ç¢å°é表示 780 pauseOnFocus: false, // ã¹ã©ã¤ãã¼ããã©ã¼ã«ã¹ããæã«ã¹ã©ã¤ãã忢ãããã 781 pauseOnHover: false, // ã¹ã©ã¤ãã¼ã«ãã¦ã¹ããã¼ããæã«ã¹ã©ã¤ãã忢ãããã 782 rtl: true, 783 responsive: [ 784 { 785 breakpoint: 500, 786 settings: { 787 slidesToShow: 4, 788 }, 789 }, 790 ], 791}); 792</script>
792 793
794<script type="text/javascript"> 795 jQuery(function () { 796 jQuery('.top-news__slid').slick({ 797 autoplay: true, 798 autoplaySpeed: 6000, 799 speed: 2000, 800 slidesToShow: 3, 801 arrows: true, 802 responsive: [{ 803 breakpoint: 768, 804 settings: { 805 slidesToShow: 2, 806 infinite: true, 807 } 808 }] 809 }); 810 }); 811</script>
811 812
813<script type="text/javascript"> 814const slideUp = (el, duration = 300) => { 815 el.style.height = el.offsetHeight + "px"; 816 el.offsetHeight; 817 el.style.transitionProperty = "height, margin, padding"; 818 el.style.transitionDuration = duration + "ms"; 819 el.style.transitionTimingFunction = "ease"; 820 el.style.overflow = "hidden"; 821 el.style.height = 0; 822 el.style.paddingTop = 0; 823 el.style.paddingBottom = 0; 824 el.style.marginTop = 0; 825 el.style.marginBottom = 0; 826 setTimeout(() => { 827 el.style.display = "none"; 828 el.style.removeProperty("height"); 829 el.style.removeProperty("padding-top"); 830 el.style.removeProperty("padding-bottom"); 831 el.style.removeProperty("margin-top"); 832 el.style.removeProperty("margin-bottom"); 833 el.style.removeProperty("overflow"); 834 el.style.removeProperty("transition-duration"); 835 el.style.removeProperty("transition-property"); 836 el.style.removeProperty("transition-timing-function"); 837 el.classList.remove("is-open"); 838 }, duration); 839}; 840const slideDown = (el, duration = 300) => { 841 el.classList.add("is-open"); 842 el.style.removeProperty("display"); 843 let display = window.getComputedStyle(el).display; 844 if (display === "none") { 845 display = "block"; 846 } 847 el.style.display = display; 848 let height = el.offsetHeight; 849 el.style.overflow = "hidden"; 850 el.style.height = 0; 851 el.style.paddingTop = 0; 852 el.style.paddingBottom = 0; 853 el.style.marginTop = 0; 854 el.style.marginBottom = 0; 855 el.offsetHeight; 856 el.style.transitionProperty = "height, margin, padding"; 857 el.style.transitionDuration = duration + "ms"; 858 el.style.transitionTimingFunction = "ease"; 859 el.style.height = height + "px"; 860 el.style.removeProperty("padding-top"); 861 el.style.removeProperty("padding-bottom"); 862 el.style.removeProperty("margin-top"); 863 el.style.removeProperty("margin-bottom"); 864 setTimeout(() => { 865 el.style.removeProperty("height"); 866 el.style.removeProperty("overflow"); 867 el.style.removeProperty("transition-duration"); 868 el.style.removeProperty("transition-property"); 869 el.style.removeProperty("transition-timing-function"); 870 }, duration); 871}; 872const slideToggle = (el, duration = 300) => { 873 if (window.getComputedStyle(el).display === "none") { 874 return slideDown(el, duration); 875 } else { 876 return slideUp(el, duration); 877 } 878}; 879const accordions = document.querySelectorAll(".js-accordion"); 880const accordionsArr = Array.prototype.slice.call(accordions); 881accordionsArr.forEach((accordion) => { 882 const accordionTriggers = accordion.querySelectorAll(".js-accordion-trigger"); 883 const accordionTriggersArr = Array.prototype.slice.call(accordionTriggers); 884 accordionTriggersArr.forEach((trigger) => { 885 trigger.addEventListener("click", () => { 886 trigger.classList.toggle("is-active"); 887 const content = trigger.querySelector(".accordion__content"); 888 slideToggle(content); 889 }); 890 }); 891}); 892</script>
892 893
894<script> 895 const menu = document.querySelectorAll(".sp_header_open"); 896 897 function toggle() { 898 const content = this.nextElementSibling; 899 this.classList.toggle("is-active"); 900 content.classList.toggle("is-open"); 901 } 902 903 for (let i = 0; i < menu.length; i++) { 904 menu[i].addEventListener("click", toggle); 905 } 906</script>
906 907 908<!-- ã¹ãã100vh対ç -->
909<script type="text/javascript"> 910 const setFillHeight = () => { 911 const vh = window.innerHeight * 0.01; 912 document.documentElement.style.setProperty('--vh', `${vh}px`); 913} 914 915let vw = window.innerWidth; 916window.addEventListener('resize', () => { 917 if (vw === window.innerWidth) { 918 return; 919 } 920 vw = window.innerWidth; 921 setFillHeight(); 922}); 923setFillHeight(); 924</script>
924 925 926 927<div id="published" style="display:none"> </div></body> 928</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.