1<!DOCTYPE html> 2<html> 3<head> 4<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> 5<meta name="apple-mobile-web-app-capable" content="yes" /> 6<meta http-equiv="content-language" content="ja" /> 7<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 8<meta name="description" content="æ±äº¬ã¹ã«ã¤ããªã¼ã¿ã¦ã³&reg; 忥æ½è¨ æ±äº¬ã½ã©ãã&reg;æå¤§ã®åºèã¨ãã¦ãTVçªçµããã¼ãã«ããã°ããºã»é£²é£ãæä¾ãããã¬ãã¨ã³ã¿ãã¤ã³ã¡ã³ã ãªãã£ã·ã£ã«ã¹ãã¢ã"> 9<meta name="keywords" content="ããªã¼ãã¬ãã¸,Tree Village,TREEVILLAGE,treevillage,ã¹ã«ã¤ããªã¼,ã½ã©ãã,æ¥æ¬ãã¬ã,TBS,ãã¬ãææ¥,ãã¬ãæ±äº¬,ãã¸ãã¬ã,ãã¬ãå±,ãåç£,ãã£ã©ã¯ã¿ã¼ã°ããº"> 10<meta name="format-detection" content="telephone=no"> 11<meta name="viewport" content="width=device-width, initial-scale=1"> 12<meta property="og:title" content="ã¨ã³ã¿ã¡ã·ã§ãã ããªã¼ãã¬ãã¸"> 13<meta property="og:type" content="website"> 14<meta property="og:image" content="/assets/img/common/og.jpg"> 15<meta property="og:url" content="http://tree-village.jp/"> 16<meta property="og:description" content="æ±äº¬ã¹ã«ã¤ããªã¼ã¿ã¦ã³® 忥æ½è¨ æ±äº¬ã½ã©ãã®æå¤§ã®åºèã¨ãã¦ãTVçªçµããã¼ãã«ããã°ããºã»é£²é£ãæä¾ãããã¬ãã¨ã³ã¿ãã¤ã³ã¡ã³ã ãªãã£ã·ã£ã«ã¹ãã¢ã"> 17<meta property="og:locale" content="ja_JP"> 18<meta property="og:site_name" content="ã¨ã³ã¿ã¡ã·ã§ãã ããªã¼ãã¬ãã¸"> 19<meta name="twitter:card" content="summary"> 20<meta name="twitter:title" content="ã¨ã³ã¿ã¡ã·ã§ãã ããªã¼ãã¬ãã¸"> 21<meta name="twitter:description" content="æ±äº¬ã¹ã«ã¤ããªã¼ã¿ã¦ã³® 忥æ½è¨ æ±äº¬ã½ã©ãã®æå¤§ã®åºèã¨ãã¦ãTVçªçµããã¼ãã«ããã°ããºã»é£²é£ãæä¾ãããã¬ãã¨ã³ã¿ãã¤ã³ã¡ã³ã ãªãã£ã·ã£ã«ã¹ãã¢ã"> 22<meta name="twitter:image" content="/assets/img/common/og.jpg"> 23<meta name="twitter:site" content="@treevillage_jp"> 24<meta name="twitter:creator" content="@treevillage_jp">
25<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
vendor: 1 bytes, line 25
25
26<script defer src="https://use.fontawesome.com/releases/v5.14.0/js/all.js"></script>
vendor: 1 bytes, line 26
26
27<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.js"></script>
vendor: 1 bytes, line 27
27
28<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/js/drawer.min.js"></script>
vendor: 1 bytes, line 28
28
29<script type="text/javascript" src="/assets/js/slick.min.js"></script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="https://shop.mu-mo.net/js/smoothscroll.js"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript" src="/assets/js/common.js"></script>
31 32<link rel="icon" href="/assets/img/common/favicon.ico"> 33<link rel="apple-touch-icon-precomposed" href="/assets/img/common/apple-touch-icon-180x180.png"> 34<link href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" rel="stylesheet"> 35<link rel ="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> 36<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css"> 37<link rel="stylesheet" type="text/css" href="/assets/css/slick.css"> 38<link rel="stylesheet" type="text/css" href="/assets/css/slick-theme.css"> 39<link rel="stylesheet" type="text/css" href="/assets/css/common.css"> 40<!-- webfont --> 41<link rel="preconnect" href="https://fonts.googleapis.com"> 42<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 43<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap" rel="stylesheet"> 44<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet"> 45<!-- /webfont -->
46<script type="text/javascript"> 47/* global header */ 48 49 // HTMLçæ 50 function showGheader() { 51 $('.__header').html('<h1><a href="/" target="_top"><img src="/assets/img/common/ttl3.png" alt="ã¨ã³ã¿ã¡ã·ã§ãã ããªã¼ãã¬ãã¸"></a></h1><p><a href="/#access" target="_top"><i class="fas fa-map-marker-alt"></i><span>ACCESS</span></a></p><div role="banner" class="menu"><button type="button" class="drawer-toggle drawer-hamburger"><span class="sr-only">toggle navigation</span><span class="drawer-hamburger-icon"></span></button><nav class="drawer-nav" role="navigation"><ul class="drawer-menu"><div><li><a href="/" target="_top">HOME</a></li><!-- li><a href="/#info" target="_top">INFORMATION</a></li --><li><a href="https://shop.mu-mo.net/treevillage/" target="_blank">ãªã³ã©ã¤ã³è²©å£²ä¸</a></li><li><a href="/#access" target="_top">ACCESS</a></li><!-- li><a href="/#floor" target="_top">åºå FLOOR MAP</a></li --><!-- li><a href="/brand.html" target="_top">ãåãæ±ããã©ã³ã</a></li --></div><div><li><a href="https://avex.com/jp/ja/contact/product/" target="_blank">æ¬ãµã¤ãã¸ã®ãåãåãã</a></li><li><a href="https://avex.com/jp/ja/" target="_blank">å人æ å ±ä¿è·æ¹é</a></li><li><a href="https://avexnet.jp/site-policy" target="_blank">ãµã¤ãããªã·ã¼</a></li><li><a href="https://avexnet.jp/userdata-external-transmission" target="_blank">å©ç¨è æ å ±ã®å¤é¨éä¿¡</a></li><li><aside class="sns"><h3><span><small>ããã¯æ å ±ï¼ææ°æ å ±ã¯ã³ãã©</small>FOLLOW ME</span></h3><ul><li><a href="https://twitter.com/intent/follow?screen_name=treevillage_jp" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></li><li><a href="https://www.instagram.com/treevillage__official/?hl=ja" target="_blank"><i class="fab fa-instagram"></i></a></li></ul></aside></li></div></ul></nav></div>'); 52 return; 53 } 54 55 $(window).on('scroll', function() { 56 $('.__header').toggleClass('fixed', $(this).scrollTop() > 5) 57 }); 58 59/* /global header */ 60</script>
60 61<link rel="stylesheet" type="text/css" href="/news/assets/css/detail.css"> 62<title>åå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã«POP UP STOREï¼STAND CAFE in Tree Village | NEWS | ã¨ã³ã¿ã¡ã·ã§ãã ããªã¼ãã¬ãã¸</title> 63</head> 64<body class="drawer drawer--top"> 65<!-- Google Tag Manager --> 66<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NX2CS3" 67height="0" width="0" ></iframe></noscript>
68<script>
vendor: 321 bytes, lines 68-72
68(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 69new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 70j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 71'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 72})(window,document,'script','dataLayer','
72GTM-NX2CS3
vendor: 3 bytes, line 72
72');
72</script>
72 73<!-- End Google Tag Manager --> 74 75<!-- main-contents --> 76<article id="main-contents"> 77 78 <!-- __header --> 79 <article class="__header"></article> 80
80<script type="text/javascript">showGheader();</script>
80 81 <!-- /__header --> 82 83 <!-- wrapper --> 84 <article id="wrapper"> 85 86 <p id="pagetop"><a href="#"><i class="fas fa-chevron-circle-up"></i></a></p> 87 88 <section id="tvo"> 89 <h2>åå ´ç éæ³å°å¥³ã¾ã©ãâãã®ã«<ã¯ã«ãã«ã®ã¹ã®å»»å¤©><br>POP UP STOREï¼STAND CAFE in Tree Village</h2> 90 <p></p> 91</mt:If> 92 <article> 93 <style type="text/css"> 94 /* general */ 95 .grayout { 96 color: #aaa !important; 97 } 98 99 dl.notice > dd, 100 li.notice, 101 span.notice { 102 padding: 0 0 0 1em; 103 /* text-indent: -1em; */ 104 } 105 /* /general */ 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 /* SP */ 130 @media screen and (max-width:812px) { 131 132 #wrapper section#tvo > h2 { 133 font-size: 105%; 134 } 135 136 /* general */ 137 #wrapper section#tvo > article > div.new ul.notice > li { 138 padding: 0 0 0.5em; 139 font-size: 280%; 140 } 141 142 /* #wrapper section#tvo > article > div:nth-of-type(2) > section > h3 { 143 background: #ff6000; 144 border: 0; 145 color: #fff; 146 font-size: 480% !important; 147 text-align: center !important; 148 } 149 150 #wrapper section#tvo > article > div:nth-of-type(2) > section > h3 + p { 151 font-size: 350%; 152 font-weight: 700; 153 text-align: center; 154 } */ 155 156 #wrapper section#tvo > article > div:nth-of-type(6) { 157 /* padding: 3vw 0 0; */ 158 } 159 160 #wrapper section#tvo > article > div.new_01 > section { 161 background: #efece7; 162 padding: 3vw 0 0; 163 } 164 165 #wrapper section#tvo > article > div.new_01:nth-of-type(2) > section { 166 padding: 0; 167 } 168 169 #wrapper section#tvo > article > div.new > aside > h4 { 170 font-size: 340%; 171 /* width: 96%; */ 172 } 173 174 #wrapper section#tvo > article > div.new > aside > h4 + p { 175 font-size: 320%; 176 text-align: center; 177 } 178 179 #wrapper section#tvo > article > div.new > aside > p.caution { 180 font-size: 320%; 181 } 182 183 #wrapper section#tvo > article > div.new > aside > h5 { 184 font-size: 330%; 185 margin: 0 auto; 186 padding: 1vw 0; 187 text-align: center; 188 width: 90%; 189 } 190 191 #wrapper section#tvo > article > div.new > aside > h5 + dl { 192 align-items: flex-start; 193 display: flex; 194 flex-wrap: wrap; 195 justify-content: center; 196 font-size: 100%; 197 margin: 0 auto 2vw; 198 width: 90%; 199 } 200 201 #wrapper section#tvo > article > div.new > aside > h5 + dl > dt { 202 font-weight: 700; 203 width: 18%; 204 } 205 206 #wrapper section#tvo > article > div.new > aside > h5 + dl > dd { 207 margin: 0 0 0.5em; 208 width: 82%; 209 } 210 211 #wrapper section#tvo > article > div.new > aside > h5 + dl > dd > span.caution { 212 font-size: 80%; 213 } 214 215 #wrapper section#tvo > article > div.new > p { 216 margin: 0.5em auto; 217 text-align: center; 218 width: 90%; 219 } 220 221 #wrapper section#tvo > article > div.new > p > strong { 222 display: block; 223 font-size: 120%; 224 } 225 226 #wrapper div > h4, 227 #wrapper section > h4 { 228 font-size: 320%; 229 margin: 0 auto 0.5em; 230 text-align: left; 231 width: 90%; 232 } 233 234 #wrapper div > dl { 235 font-size: 280%; 236 margin: 0 auto; 237 text-align: left; 238 width: 90%; 239 } 240 241 #wrapper div > dl > dt { 242 font-weight: 700; 243 } 244 245 #wrapper div > dl.notice > dd { 246 padding: 0 0 0.5em 1em; 247 text-indent: -1em; 248 } 249 250 #wrapper div > dl > dd > a { 251 display: inline; 252 } 253 254 #wrapper p > strong { 255 display: block; 256 font-size: 120%; 257 text-align: center; 258 } 259 260 #wrapper .online > dl > dt { 261 font-size: 300%; 262 font-weight: 700; 263 } 264 265 #wrapper .online > dl > dd > a { 266 margin: 1vw auto 3vw; 267 } 268 269 #wrapper a.btn2 { 270 align-items: center; 271 background: #000; 272 border-radius: 8vw; 273 color: #fff; 274 display: flex; 275 font-size: 120%; 276 font-weight: 700; 277 justify-content: center; 278 margin: 5vw auto; 279 padding: 0.7em 0.5em; 280 position: relative; 281 width: 80%; 282 } 283 284 #wrapper a.btn3 { 285 align-items: center; 286 background: #000; 287 border-radius: 8vw; 288 color: #fff; 289 display: flex; 290 font-size: 320%; 291 font-weight: 700; 292 justify-content: center; 293 margin: 6vw auto 1vw; 294 padding: 0.7em 0.5em; 295 position: relative; 296 width: 60%; 297 } 298 299 #wrapper a.btn2::after, 300 #wrapper a.btn3::after { 301 content: 'â¼'; 302 font-size: 120%; 303 font-weight: 400; 304 line-height: 1; 305 position: absolute; 306 right: 3%; 307 top: 40%; 308 transform: rotate(30deg) scale(0.5) translateY(-40%); 309 } 310 311 #wrapper a.btn3::after { 312 right: 5%; 313 } 314 315 /* flex */ 316 #wrapper .flx { 317 align-items: flex-start; 318 display: flex; 319 flex-wrap: wrap; 320 justify-content: space-between; 321 margin: 0 auto; 322 width: 90%; 323 } 324 325 #wrapper .flx > li { 326 margin: 0 0 2em; 327 width: 48%; 328 } 329 330 #wrapper .flx > li:not(:last-child) { 331 /* margin: 0 0 4vw; 332 width: 48%; */ 333 } 334 335 #wrapper .flx > li > ul.notice { 336 margin: 0 !important; 337 width: 100% !important; 338 } 339 340 #wrapper .flx > li > ul.notice > li { 341 font-size: 345% !important; 342 font-weight: 700; 343 padding: 0 0 2vw !important; 344 } 345 346 #wrapper .flx > div { 347 background: #eee; 348 font-size: 380%; 349 height: 66vw; 350 margin: 2% 0; 351 padding: 2%; 352 width: 48%; 353 } 354 355 #wrapper .flx > div > dt { 356 font-size: 80%; 357 font-weight: 700; 358 line-height: 1.3; 359 padding: 1em 0 0; 360 } 361 362 #wrapper .flx > div > dd { 363 font-size: 90%; 364 } 365 366 #wrapper .flx > div > dd > span { 367 font-size: 75%; 368 } 369 /* /flex */ 370 371 #wrapper section#tvo .tw_osafku { 372 flex-wrap: unset; 373 } 374 375 /* /general */ 376 377 /* top */ 378 #wrapper section#tvo > article > div.top { 379 } 380 381 #wrapper section#tvo > article > div.top > figure > img { 382 /* margin: 0 auto; 383 width: auto; */ 384 } 385 386 #wrapper section#tvo > article > div.top > aside > h4 { 387 font-size: 320%; 388 width: 93%; 389 } 390 391 #wrapper section#tvo > article > div.top > aside > h4 > strong { 392 display: block; 393 font-weight: 700; 394 padding: 1em 0 0; 395 } 396 397 #wrapper section#tvo > article > div.top > aside > h4 + p.caution { 398 font-size: 300%; 399 width: 100%; 400 } 401 402 #wrapper section#tvo > article > div.top > aside > h5 { 403 font-size: 400%; 404 padding: 3vw 0 2vw !important; 405 } 406 407 #wrapper section#tvo > article > div.top > aside > h5:nth-of-type(1) { 408 border-top: solid 2px #000; 409 } 410 411 #wrapper section#tvo > article > div.top > aside > p { 412 text-align: center; 413 } 414 415 #wrapper section#tvo > article > div.top > aside > p > strong { 416 margin: 0 auto; 417 padding: 0.5em 1em; 418 text-align: center; 419 } 420 421 #wrapper section#tvo > article > div.top > aside > p > a { 422 display: inline; 423 text-decoration: underline; 424 } 425 426 #wrapper section#tvo > article > div.top > aside > p.link_official { 427 position: relative; 428 width:80%; 429 background: #fffdee; 430 border-radius: 100px; 431 color: #906346; 432 font-weight: 700; 433 margin: 0 auto 4%; 434 padding: 2%; 435 } 436 437 #wrapper section#tvo > article > div.top > aside > p.link_official:before { 438 content: 'â¼'; 439 font-size: 150%; 440 font-weight: 400; 441 line-height: 1; 442 position: absolute; 443 left: 3%; 444 top: 35%; 445 transform: rotate(30deg) scale(0.5) translateY(-40%); 446 } 447 448 #wrapper section#tvo > article > div.top > aside > p.link_official > a { 449 align-items: normal; 450 background: none; 451 border-radius: 0; 452 color: #906346; 453 display: inline; 454 padding: 0; 455 } 456 457 #wrapper section#tvo > article > div.top > aside > dl { 458 flex-direction: column; 459 margin: 0 auto 1em; 460 width: 96%; 461 /* text-align: center; */ 462 } 463 464 #wrapper section#tvo > article > div.top > aside > dl > dt { 465 font-size: 280%; 466 width: 100% !important; 467 } 468 469 #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(2) > dt { 470 font-weight: 700; 471 } 472 473 #wrapper section#tvo > article > div.top > aside > dl > dd { 474 font-size: 270%; 475 margin: 0 0 1em !important; 476 width: 100% !important; 477 } 478 479 #wrapper section#tvo > article > div.top > aside > dl > dd > span { 480 display: block; 481 font-size: 100%; 482 } 483 484 #wrapper section#tvo > article > div.top > aside > div { 485 border: solid 3px #ff6000; 486 margin: 0 auto 20px; 487 width: 90%; 488 } 489 490 #wrapper section#tvo > article > div.top > aside > div > h5 { 491 background: #ff6000; 492 border: 0; 493 color: #fff; 494 font-size: 400%; 495 margin: 0 auto 3vw; 496 padding: 0.5vw 0 !important; 497 text-align: center; 498 } 499 500 #wrapper section#tvo > article > div.top > aside > div > p:nth-last-of-type(1) { 501 font-size: 260% !important; 502 padding: 0 1em; 503 text-align: center; 504 } 505 506 #wrapper section#tvo > article > div.top > aside > div > p:nth-last-of-type(1) > a.btn2 { 507 font-size: 130%; 508 margin: 2vw auto 4vw; 509 padding: 0.2em 0; 510 width: 60%; 511 } 512 513 #wrapper section#tvo > article > div.top > aside > h5 + p { 514 border: solid 2px #000; 515 font-size: 300%; 516 padding: 0 0 1em; 517 text-align: center; 518 width: 80%; 519 } 520 521 /* advance */ 522 #wrapper section#tvo > article > div.top > aside > div.advance { 523 border: none; 524 } 525 526 #wrapper section#tvo > article > div.top > aside > div.advance > h5 { 527 background: transparent; 528 color: #000; 529 } 530 531 #wrapper section#tvo > article > div.top > aside > div.advance > p { 532 margin: 1em auto; 533 padding: 0; 534 text-align: left; 535 width: auto; 536 } 537 538 #wrapper section#tvo > article > div.top > aside > div.advance > p > strong, 539 #wrapper section#tvo > article > div.top > aside > div.advance > p > small { 540 font-size: 110%; 541 text-align: left; 542 } 543 544 #wrapper section#tvo > article > div.top > aside > div.advance > p.btn2 { 545 align-items: center; 546 background: #000; 547 border-radius: 8vw; 548 color: #aaa; 549 display: flex; 550 font-size: 330% !important; 551 font-weight: 700; 552 justify-content: center; 553 margin: 10px auto; 554 padding: 0.7em 0.5em; 555 position: relative; 556 width: 85%; 557 } 558 559 #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 { 560 font-size: 160%; 561 height: 3em; 562 padding: 0.4em 0.5em; 563 width: 90%; 564 } 565 566 #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 > span { 567 font-size: 70%; 568 font-weight: 400; 569 line-height: 1.4; 570 text-align: center; 571 } 572 573 #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 > span > strong { 574 display: block; 575 font-size: 120%; 576 } 577 578 #wrapper section#tvo > article > div.top > aside > div.advance > p.caution { 579 border-top: solid #000 2px; 580 padding: 1em 0 0; 581 } 582 583 #wrapper section#tvo > article > div.top > aside > div.advance > p.caution.nobdr { 584 border: 0; 585 padding: 0; 586 } 587 588 #wrapper section#tvo > article > div.top > aside > div.advance > p.caution > span { 589 display: block; 590 font-weight: 700; 591 } 592 593 #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice { 594 font-size: 100%; 595 margin: 0 0 1vw; 596 width: auto; 597 } 598 599 #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice > li { 600 word-break: break-all; 601 } 602 603 #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice > li > a { 604 display: inline; 605 } 606 607 #wrapper section#tvo > article > div.top > aside > div.advance > dl.notice { 608 width: 100%; 609 } 610 611 #wrapper section#tvo > article > div.top > aside > div.advance > dl.notice > dt { 612 font-size: 110%; 613 margin: 0.5em 0; 614 } 615 /* /advance */ 616 617 /* #wrapper section#tvo > article > div.top > p:last-child { 618 padding: 0 0 1em; 619 } */ 620 /* /top */ 621 622 /* outline */ 623 #wrapper .outline > section > ul { 624 font-size: 290%; 625 margin: 0 auto 3vw; 626 text-align: left; 627 width: 90%; 628 } 629 630 #wrapper .outline > section > ul > li.notice { 631 font-size: 80%; 632 } 633 634 #wrapper > section#tvo .outline > section > p.tw { 635 margin: 0 auto 2vw !important; 636 } 637 638 #wrapper .online p > strong.caution { 639 font-size: 110% !important; 640 text-align: left !important; 641 } 642 /* /outline */ 643 644 /* goods */ 645 #wrapper section#tvo > article > div.goods { 646 background: #fff; 647 overflow: hidden; 648 padding: 1vw 0 0; 649 } 650 651 #wrapper section#tvo > article > div.goods > section { 652 padding: 3vw 0; 653 } 654 655 #wrapper section#tvo > article > div.goods > section > h4 + p { 656 font-size: 300%; 657 font-weight: 700; 658 text-align: left; 659 } 660 661 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(3), 662 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(4) { 663 height: 70vw; 664 } 665 666 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(15), 667 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(16), 668 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(23), 669 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(24), 670 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(25), 671 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(26), 672 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(27), 673 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(28), 674 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(31) { 675 height: 58vw; 676 } 677 678 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(13), 679 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(14), 680 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(17), 681 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(18), 682 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(19), 683 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(20), 684 #wrapper secti
684on#tvo > article > div.goods .flx > div:nth-of-type(21), 685 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(22), 686 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(29), 687 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(30) { 688 height: 62vw; 689 } 690 691 #wrapper section#tvo > article > div.goods a.btn2 { 692 text-align: center; 693 width: 80%; 694 } 695 696 #wrapper section#tvo > article > div.goods > section > dl { 697 margin: 0 auto; 698 text-align: left; 699 width: 90%; 700 } 701 702 #wrapper section#tvo > article > div.goods > section > dl > dt { 703 font-size: 310%; 704 font-weight: 700; 705 } 706 707 #wrapper section#tvo > article > div.goods > section > dl > dd { 708 font-size: 290%; 709 } 710 711 #wrapper section#tvo > article > div.goods > section > dl > dd > ul.notice { 712 margin: 3vw auto; 713 width: 100%; 714 } 715 716 #wrapper section#tvo > article > div.goods > section > dl > dd > ul.notice > li { 717 font-size: 100%; 718 } 719 720 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) { 721 margin: 0 auto 10em; 722 } 723 724 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dt { 725 margin: 0 0 2em; 726 padding: 0; 727 text-align: center; 728 } 729 730 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dt:not(:first-child) { 731 border-top: solid 1px #bbb; 732 margin: 3em 0 2em; 733 padding: 2em 0 0; 734 } 735 736 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dd { 737 margin: 0 auto; 738 width: 70%; 739 } 740 741 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dd.copy { 742 font-size: 270%; 743 margin: 2em 0 0; 744 text-align: center; 745 width: 100%; 746 } 747 748 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) div { 749 align-items: flex-start; 750 display: flex; 751 flex-direction: column; 752 flex-wrap: wrap; 753 justify-content: space-between; 754 } 755 756 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) div > dd:not(:last-child) { 757 margin: 0 auto 5em; 758 } 759 760 #wrapper section#tvo > article > div.goods > section > figure:nth-of-type(3) { 761 margin: 0 0 5vw 5vw; 762 } 763 764 #wrapper section#tvo > article > div.goods > section > figure > figcaption { 765 background: #fee46e; 766 border: solid 3px #000; 767 color: #000; 768 font-size: 300%; 769 font-weight: 700; 770 margin: 1em 0 0; 771 padding: 1em; 772 } 773 774 #wrapper section#tvo > article > div.goods > section > div.goodslist > figure > figcaption { 775 font-size: 275%; 776 font-weight: 700; 777 margin: 0 0 0.5em; 778 } 779 780 #wrapper section#tvo > article > div.goods > section > div.goodslist > figure > img { 781 margin: 0 auto; 782 width: 90%; 783 } 784 /* /goods */ 785 786 /* benefit */ 787 #wrapper section#tvo > article > div.benefit { 788 background: #fff; 789 overflow: hidden; 790 padding: 3vw 0; 791 } 792 793 #wrapper section#tvo > article > div.benefit > section { 794 padding: 0; 795 } 796 797 #wrapper section#tvo > article > div.benefit > section > h3 > span { 798 display: block; 799 font-size: 80%; 800 } 801 802 #wrapper section#tvo > article > div.benefit > section > h4 { 803 align-items: center; 804 display: flex; 805 font-size: 360%; 806 font-weight: 400; 807 justify-content: space-between; 808 margin: 0 auto 0.5em; 809 width: 90%; 810 } 811 812 #wrapper section#tvo > article > div.benefit > section > h4::after, 813 #wrapper section#tvo > article > div.benefit > section > h4::before { 814 background: #000; 815 content: ''; 816 height: 2px; 817 width: 15%; 818 } 819 820 #wrapper section#tvo > article > div.benefit > section > h4:nth-of-type(2)::after, 821 #wrapper section#tvo > article > div.benefit > section > h4:nth-of-type(2)::before { 822 width: 14%; 823 } 824 825 #wrapper section#tvo > article > div.benefit > section > figure {
826 /* width: 50% !important; */ 827 } 828 829 #wrapper section#tvo > article > div.benefit .flx { 830 margin: 0 auto 3em; 831 } 832 833 #wrapper section#tvo > article > div.benefit .flx > li > strong { 834 display: block; 835 font-size: 330%; 836 margin: 0.5em 0 0.2em; 837 } 838 839 #wrapper section#tvo > article > div.benefit .flx > li > span { 840 display: block; 841 font-size: 300%; 842 margin: 0 0 0.5em; 843 } 844 845 #wrapper section#tvo > article > div.benefit .flx > div { 846 background: transparent; 847 height: 60vw; 848 margin: 0; 849 padding: 0 2%; 850 width: 48%; 851 } 852 853 #wrapper section#tvo > article > div.benefit .flx > div > dt { 854 align-items: center; 855 background: #000; 856 color: #fff; 857 display: flex; 858 flex-direction: column; 859 font-size: 70%; 860 height: 13vw; 861 justify-content: center; 862 padding: 0.5em 0; 863 } 864 865 #wrapper section#tvo > article > div.benefit .flx > div > dt > small { 866 display: block; 867 } 868 869 /* benefit2 */ 870 #wrapper .benefit2 { 871 background: #26345d; 872 color: #fff; 873 padding: 3vw; 874 width: 90%; 875 margin: 0 auto 2vw; 876 } 877 878 #wrapper .benefit2 > h4 { 879 font-size: 360% !important; 880 width: 100% !important; 881 } 882 883 #wrapper .benefit2 > h5 { 884 color: #ffffa5; 885 font-size: 320%; 886 margin: 0 0 1em; 887 text-align: left; 888 } 889 890 #wrapper .benefit2 > p { 891 font-size: 300% !important; 892 font-weight: 700 !important; 893 width: 100% !important; 894 } 895 896 #wrapper .benefit2 > ul.notice { 897 margin: 0 !important; 898 width: 100% !important; 899 } 900 901 #wrapper .benefit2 > dl { 902 width: 100%; 903 } 904 905 #wrapper .benefit2 > dl > dt { 906 border-bottom: solid 1px #fff; 907 font-size: 110%; 908 margin: 0 0 0.5em; 909 } 910 911 #wrapper .benefit2 > dl > dd { 912 margin: 0 0 0.3em; 913 } 914 915 #wrapper .benefit2 > dl > dd:nth-of-type(3), 916 #wrapper .benefit2 > dl > dd:nth-of-type(6) { 917 margin: 0 0 1em; 918 } 919 /* /benefit2 */ 920 921 #wrapper section#tvo > article > div.benefit > section > dl { 922 margin: 0 auto; 923 text-align: left; 924 width: 90%; 925 } 926 927 #wrapper section#tvo > article > div.benefit > section > dl > dt { 928 font-size: 310%; 929 font-weight: 700; 930 } 931 932 #wrapper section#tvo > article > div.benefit > section > dl > dd { 933 font-size: 290%; 934 } 935 /* /benefit */ 936 937 /* online */ 938 #wrapper .online { 939 /* background: #fff; */ 940 overflow: hidden; 941 /* */padding: 3vw 0 !important; 942 } 943 944 #wrapper .online > section { 945 padding: 1vw 0 0 !important; 946 } 947 948 #wrapper .online > section > h4 + p { 949 font-size: 300%; 950 font-weight: 700; 951 text-align: left; 952 } 953 954 #wrapper .online p.notice.caution { 955 font-size: 270% !important; 956 text-align: left !important; 957 text-indent: -1em; 958 } 959 960 #wrapper .online > section > p:nth-of-type(1), 961 #wrapper .online > section > p:nth-of-type(2) { 962 /* text-align: center !important; */ 963 } 964 965 /* #wrapper .online > section > p:last-child { 966 font-size: 320% !important; 967 font-weight: 700 !important; 968 margin: 1em auto 0 !important; 969 text-align: center !important; 970 } 971 972 #wrapper .online > section > p:last-child > a.btn2 { 973 font-size: 120% !important; 974 font-weight: 700 !important; 975 margin: 2vw auto 3vw !important; 976 } */ 977 978 #wrapper .online > section > p > a.btn2 { 979 font-size: 110%; 980 /* margin: 1vw auto 3vw !important; */ 981 margin: 1vw 0 2vw !important; 982 width: 100%; 983 } 984 985 #wrapper .online > section > p > span.notice { 986 display: block; 987 font-size: 90%; 988 margin: 0 0 1em; 989 text-indent: -1em; 990 } 991 992 #wrapper .online > section > figure {
993 margin: 0 0 5vw 5vw !important; 994 width: 70% !important; 995 } 996 /* /online */ 997 998 /* cafe */ 999 #wrapper section#tvo > article > div.cafe { 1000 /* background: #fff; */ 1001 overflow: hidden; 1002 padding: 1vw 0 0vw; 1003 } 1004 1005 #wrapper section#tvo > article > div.cafe figure > figcaption { 1006 border-left: solid 2px #000; 1007 font-size: 350%; 1008 font-weight: 700; 1009 line-height: 1; 1010 margin: 0 0 0.5em; 1011 padding: 0.2em 0 0.2em 0.5em; 1012 text-align: left; 1013 } 1014 1015 #wrapper section#tvo > article > div.cafe figure > figcaption > span.caution { 1016 font-size: 90%; 1017 margin: 0 0 0 1em; 1018 } 1019 1020 #wrapper section#tvo > article > div.cafe > section { 1021 padding: 3vw 0 3vw !important; 1022 } 1023 1024 #wrapper section#tvo > article > div.cafe .flx > div { 1025 background: #fff; 1026 height: 44vw; 1027 } 1028 1029 #wrapper section#tvo > article > div.cafe .flx > div:nth-of-type(3), 1030 #wrapper section#tvo > article > div.cafe .flx > div:nth-of-type(4) { 1031 background: #fff; 1032 height: 48vw; 1033 } 1034 1035 #wrapper section#tvo > article > div.cafe > section > p > span.notice { 1036 display: block; 1037 font-size: 80%; 1038 } 1039 1040 #wrapper section#tvo > article > div.cafe > section > p > strong { 1041 text-align: left; 1042 } 1043 /* /cafe */ 1044 1045 /* special */ 1046 #wrapper section#tvo > article > div.special > section { 1047 padding: 3vw 0 0; 1048 } 1049 1050 #wrapper section#tvo > article > div.special > section > h3 { 1051 margin: 2vw auto 5vw !important; 1052 } 1053 1054 #wrapper section#tvo > article > div.special > section > figure { 1055 /* width: 80% !important; */ 1056 } 1057 1058 #wrapper section#tvo > article > div.special > section:nth-of-type(2) figure { 1059 /* width: 70% !important; */ 1060 } 1061 1062 #wrapper section#tvo > article > div.special > section > figure > figcaption { 1063 font-size: 360%; 1064 margin: 1em 0 0; 1065 } 1066 1067 #wrapper section#tvo > article > div.special > section > h4 { 1068 font-size: 330%; 1069 margin: 0 auto 1em; 1070 text-align: left; 1071 width: 90%; 1072 } 1073 1074 #wrapper section#tvo > article > div.special > section > h4 + p { 1075 text-align: left; 1076 } 1077 1078 #wrapper section#tvo > article > div.special > section > dl { 1079 font-size: 280%; 1080 margin: 0 auto 1em; 1081 text-align: left; 1082 width: 90%; 1083 } 1084 1085 #wrapper section#tvo > article > div.special > section > ul.caution { 1086 margin: 0 auto 1em; 1087 } 1088 1089 #wrapper section#tvo > article > div.special > section > p.caution { 1090 text-align: left; 1091 } 1092 /* /special */ 1093 1094 /* event */ 1095 #wrapper .event { 1096 overflow: hidden; 1097 padding: 1vw 0; 1098 } 1099 1100 #wrapper .event > section > dl { 1101 font-size: 280% !important; 1102 margin: 0 auto 1em; 1103 text-align: left; 1104 width: 90%; 1105 } 1106 1107 #wrapper .event > section > dl > dt { 1108 font-weight: 700; 1109 } 1110 1111 #wrapper .event > section > dl:nth-of-type(1) > dt:nth-of-type(2) { 1112 margin: 1em 0 0; 1113 } 1114 1115 #wrapper .event > section > dl > dd > ul.notice { 1116 font-size: 90% !important; 1117 margin: 1em 0 0 !important; 1118 width: 100% !important; 1119 } 1120 1121 #wrapper .event > section > dl > dd > ul.notice > li { 1122 font-size: 100% !important; 1123 } 1124 1125 #wrapper .event > section > ul.notice { 1126 margin: 0 auto 1em !important; 1127 } 1128 /* /event */ 1129 1130 /* about */ 1131 #wrapper .about > section > p.caution.notice { 1132 text-align: left !important; 1133 } 1134 1135 #wrapper .about > section > p:last-child { 1136 text-align: center !important; 1137 } 1138 1139 #wrapper .about a.btn3 { 1140 font-size: 100%; 1141 margin: 1em auto 2em; 1142 text-align: center; 1143 width: 100%; 1144 } 1145 /* /about */ 1146 1147 } 1148 /* /SP */ 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 /* PC */ 1182 @media screen and (min-width:813px) { 1183 1184 /* general */ 1185 #wrapper section#tvo > h2 { 1186 font-size: 220%; 1187 } 1188 1189 #wrapper section#tvo > article > div.new h3 { 1190 margin: 0 auto 3vw !important; 1191 } 1192 1193 /* #wrapper section#tvo > article > div:nth-of-type(2) > section > h3 { 1194 background: #ff6000; 1195 border: 0; 1196 color: #fff; 1197 margin: 0 auto 1vw !important; 1198 font-size: 250% !important; 1199 text-align: center !important; 1200 width: 40vw; 1201 } 1202 1203 #wrapper section#tvo > article > div:nth-of-type(2) > section > h3 + p { 1204 font-size: 140%; 1205 font-weight: 700; 1206 margin: 0 auto 2em; 1207 text-align: center; 1208 } */ 1209 1210 #wrapper section#tvo > article > div:nth-of-type(4) > section { 1211 padding: 3vw 0 0; 1212 } 1213 1214 #wrapper section#tvo > article > div:nth-of-type(4) > section > ul.notice { 1215 margin: 0; 1216 } 1217 1218 #wrapper section#tvo > article > div:nth-of-type(6) { 1219 /* padding: 3vw 0 0; */ 1220 } 1221 1222 #wrapper div > h4, 1223 #wrapper section > h4 { 1224 font-size: 160%; 1225 font-weight: 500; 1226 margin: 0 auto 0.5em; 1227 text-align: left; 1228 } 1229 1230 #wrapper section#tvo > article > div.new p { 1231 font-size: 140%; 1232 } 1233 1234 #wrapper section#tvo > article > div.new p > strong { 1235 display: block; 1236 font-size: 120%; 1237 text-align: center; 1238 } 1239 1240 #wrapper section#tvo > article > div.new > aside + aside > p { 1241 padding: 1vw 2vw 0; 1242 } 1243 1244 #wrapper section#tvo > article > div.new > aside > p.notice { 1245 font-size: 120%; 1246 width: 94%; 1247 } 1248 1249 #wrapper section#tvo > article > div.new > aside > p.notice + p { 1250 padding: 1vw 2vw; 1251 } 1252 1253 #wrapper section#tvo > article > div.new > aside > h4 + p { 1254 text-align: center; 1255 } 1256 1257 #wrapper section#tvo > article > div.new > aside > h5 { 1258 /* border-top: solid 2px #000; */ 1259 font-size: 180%; 1260 margin: 0 auto; 1261 padding: 1vw 0; 1262 text-align: center; 1263 width: 94%; 1264 } 1265 1266 #wrapper section#tvo > article > div.new > aside > h5 + dl { 1267 align-items: flex-start; 1268 display: flex; 1269 flex-wrap: wrap; 1270 justify-content: center; 1271 font-size: 140%; 1272 margin: 0 auto; 1273 padding: 1vw 0; 1274 width: 94%; 1275 } 1276 1277 #wrapper section#tvo > article > div.new > aside > h5 + dl > dt { 1278 font-weight: 700; 1279 width: 15%; 1280 } 1281 1282 #wrapper section#tvo > article > div.new > aside > h5 + dl > dd { 1283 margin: 0 0 0.5em; 1284 width: 85%; 1285 } 1286 1287 #wrapper section#tvo > article > div.new > aside > h5 + dl > dd > span.caution { 1288 font-size: 90%; 1289 } 1290 1291 #wrapper section#tvo > article > div.new ul.notice { 1292 font-size: 130%; 1293 } 1294 1295 #wrapper section#tvo > article > div.new .attention > p { 1296 margin: 0 auto; 1297 text-align: center; 1298 width: 90%; 1299 } 1300 1301 #wrapper div > dl { 1302 font-size: 140%; 1303 margin: 0 auto; 1304 text-align: left; 1305 } 1306 1307 #wrapper div > dl > dt { 1308 font-weight: 700; 1309 } 1310 1311 #wrapper div > dl.notice > dd { 1312 padding: 0 0 0.5em 1em; 1313 text-indent: -1em; 1314 } 1315 1316 #wrapper div > dl > dd > a { 1317 display: inline; 1318 } 1319 1320 #wrapper .online > dl > dt { 1321 font-size: 160%; 1322 font-weight: 700; 1323 } 1324 1325 #wrapper .online > dl > dd > a { 1326 font-size: 180%; 1327 margin: 1vw auto 3vw; 1328 } 1329 1330 #wrapper a.btn2 { 1331 align-items: center; 1332 background: #000; 1333 border-radius: 8vw; 1334 color: #fff; 1335 display: flex; 1336 font-size: 150%; 1337 font-weight: 700; 1338 justify-content: center; 1339 margin: 4vw auto; 1340 padding: 0.7em 0.5em; 1341 position: relative; 1342 width: 65%; 1343 } 1344 1345 #wrapper a.btn3 { 1346 align-items: center; 1347 background: #000; 1348 border-radius: 8vw; 1349 color: #fff; 1350 display: flex; 1351 font-size: 320%; 1352 font-weight: 700; 1353 justify-content: center; 1354 margin: 6vw auto 1vw; 1355 padding: 0.7em 0.5em; 1356 position: relative; 1357 width: 55%; 1358 } 1359 1360 #wrapper a.btn2::after, 1361 #wrapper a.btn3::after { 1362 content: 'â¼'; 1363 font-size: 90%; 1364 font-weight: 400; 1365 line-height: 1; 1366 position: absolute; 1367 right: 3%; 1368 top: 40%; 1369 transform: rotate(30deg) scale(0.5) translateY(-40%); 1370 } 1371 1372 /* flex */ 1373 #wrapper .flx { 1374 align-items: flex-start; 1375 display: flex; 1376 flex-wrap: wrap; 1377 justify-content: space-between; 1378 margin: 0 auto 1vw; 1379 /* width: 90%; */ 1380 } 1381 1382 #wrapper .flx > li:not(:last-child) { 1383 /* width: 23%; */ 1384 } 1385 1386 #wrapper .flx > li > ul.notice { 1387 font-size: 150% !important; 1388 font-weight: 700; 1389 margin: 1em 0 0 !important; 1390 } 1391 1392 #wrapper .flx > div { 1393 background: #eee; 1394 height: 28vw; 1395 margin: 2% 0; 1396 padding: 2%; 1397 width: 31%; 1398 } 1399 1400 #wrapper .flx > div > dt { 1401 font-size: 90%; 1402 font-weight: 700; 1403 padding: 1em 0 0; 1404 } 1405 1406 #wrapper .flx > div > dd { 1407 font-size: 90%; 1408 } 1409 1410 #wrapper .flx > div > dd > span { 1411 font-size: 75%; 1412 } 1413 /* /flex */ 1414 /* general */ 1415 1416 /* top */ 1417 #wrapper section#tvo > article > div.top { 1418 } 1419 1420 #wrapper section#tvo > article > div.top > figure > img { 1421 /* margin: 0 auto; 1422 width: auto; */ 1423 } 1424 1425 #wrapper section#tvo > article > div.top > p:last-child { 1426 text-align: center; 1427 } 1428 1429 #wrapper section#tvo > article > div.top > aside { 1430 margin: 0 auto 3vw; 1431 width: 100%; 1432 } 1433 1434 #wrapper section#tvo > article > div.top > aside > h4 { 1435 font-size: 175%; 1436 width: 93%; 1437 } 1438 1439 #wrapper section#tvo > article > div.top > aside > h4 > strong { 1440 display: block; 1441 font-weight: 700; 1442 padding: 1em 0 0; 1443 } 1444 1445 #wrapper section#tvo > article > div.top > aside > h5 { 1446 padding: 2vw 0 1vw !important; 1447 } 1448 1449 #wrapper section#tvo > article > div.top > aside > h5:nth-of-type(1) { 1450 border-top: solid 2px #000; 1451 } 1452 1453 #wrapper section#tvo > article > div.top > aside > p { 1454 text-align: center; 1455 } 1456 1457 #wrapper section#tvo > article > div.top > aside > p.caution { 1458 font-size: 140%; 1459 } 1460 1461 #wrapper section#tvo > article > div.top > aside > p > strong { 1462 margin: 0 auto; 1463 padding: 0.5em 1em; 1464 text-align: center; 1465 } 1466 1467 #wrapper section#tvo > article > div.top > aside > p > a { 1468 display: inline; 1469 text-decoration: underline; 1470 } 1471 1472 #wrapper section#tvo > article > div.top > aside > p.link_official { 1473 position: relative; 1474 width:50%; 1475 background: #fffdee; 1476 border-radius: 100px; 1477 color: #906346; 1478 font-weight: 700; 1479 margin: 0 auto 4%; 1480 padding: 2%; 1481 } 1482 1483 #wrapper section#tvo > article > div.top > aside > p.link_official:before { 1484 content: 'â¼'; 1485 font-size: 150%; 1486 font-weight: 400; 1487 line-height: 1; 1488 position: absolute; 1489 left: 7%; 1490 top: 35%; 1491 transform: rotate(30deg) scale(0.5) translateY(-40%); 1492 } 1493 1494 #wrapper section#tvo > article > div.top > aside > p.link_official > a { 1495 font-size: 100%; 1496 align-items: normal; 1497 background: none; 1498 border-radius: 0; 1499 color: #906346; 1500 display: inline; 1501 padding: 0; 1502 } 1503 1504 #wrapper section#tvo > article > div.top > aside > dl { 1505 margin: 0 auto; 1506 width: 90%; 1507 } 1508 1509 #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(1) { 1510 align-items: flex-start; 1511 border-bottom: solid 2px #000; 1512 display: flex; 1513 justify-content: center; 1514 } 1515 1516 #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(2) { 1517 margin: 1em auto 2em; 1518 } 1519 1520 #wrapper section#tvo > article > div.top > aside > dl > dt { 1521 font-size: 120%; 1522 width: 100% !important; 1523 } 1524 1525 #wrapper section#tvo > article > div.top > aside > dl > dd { 1526 font-size: 110%; 1527 margin: 0 0 1em !important; 1528 width: 100% !important; 1529 } 1530 1531 #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(1) > dt { 1532 width: 15% !important; 1533 } 1534 1535 #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(1) > dd { 1536 width: 85% !important; 1537 } 1538 1539 #wrapper section#tvo > article > div.top > aside > dl:nth-of-type(2) > dt { 1540 font-weight: 700; 1541 } 1542 1543 #wrapper section#tvo > article > div.top > aside > dl > dd > span { 1544 display: block; 1545 font-size: 90%; 1546 } 1547 1548 #wrapper section#tvo > article > div.top > aside > dl > dd > span.notice { 1549 font-size: 70%; 1550 } 1551 1552 #wrapper section#tvo > article > div.top > aside > div { 1553 border: solid 3px #ff6000; 1554 margin: 20px auto 40px; 1555 width: 94%; 1556 } 1557 1558 #wrapper section#tvo > article > div.top > aside > div > h5 { 1559 background: #ff6000; 1560 border: 0; 1561 color: #fff; 1562 font-size: 200%; 1563 margin: 0 auto 1vw; 1564 padding: 0.5vw 0 !important; 1565 text-align: center; 1566 } 1567 1568 #wrapper section#tvo > article > div.top > aside > div > p { 1569 padding: 0 1em; 1570 } 1571 1572 #wrapper section#tvo > article > div.top > aside > div > p:nth-last-of-type(1) { 1573 font-size: 120% !important; 1574 text-align: center; 1575 } 1576 1577 #wrapper section#tvo > article > div.top > aside > div > p:nth-last-of-type(1) > a.btn2 { 1578 font-size: 130%; 1579 margin: 1vw auto 2vw; 1580 width: 50%; 1581 } 1582 1583 #wrapper section#tvo > article > div.top > aside > h5 + p { 1584 border: solid 2px #000; 1585 font-size: 140%; 1586 margin: 0 auto 2em; 1587 padding: 0 0 0.5em; 1588 text-align: center; 1589 width: 60%; 1590 } 1591 1592 /* advance */ 1593 #wrapper section#tvo > article > div.top > aside > div.advance { 1594 border: none; 1595 margin: 0 auto 30px; 1596 /* padding: 30px 0 0; */ 1597 } 1598 1599 #wrapper section#tvo > article > div.top > aside > div.advance > h5 { 1600 background: transparent; 1601 color: #000; 1602 } 1603 1604 #wrapper section#tvo > article > div.top > aside > div.advance > p { 1605 padding: 0; 1606 text-align: left; 1607 } 1608 1609 #wrapper section#tvo > article > div.top > aside > div.advance > p > strong { 1610 font-size: 110%; 1611 text-align: left; 1612 } 1613 1614 #wrapper section#tvo > article > div.top > aside > div.advance > p.btn2 { 1615 align-items: center; 1616 background: #000; 1617 border-radius: 8vw; 1618 color: #aaa; 1619 display: flex; 1620 font-size: 150% !important; 1621 font-weight: 700; 1622 justify-content: center; 1623 margin: 0 auto 30px; 1624 padding: 1em 0.5em; 1625 position: relative; 1626 width: 60%; 1627 } 1628 1629 #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 { 1630
1630 height: 3em; 1631 margin: 3vw auto 4vw; 1632 padding: 0.4em 0.5em; 1633 width: 60%; 1634 } 1635 1636 #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 > span { 1637 font-size: 70%; 1638 font-weight: 400; 1639 line-height: 1.4; 1640 text-align: center; 1641 } 1642 1643 #wrapper section#tvo > article > div.top > aside > div.advance > p > a.btn2 > span > strong { 1644 display: block; 1645 font-size: 150%; 1646 } 1647 1648 #wrapper section#tvo > article > div.top > aside > div.advance > p.caution { 1649 border-top: solid #000 2px; 1650 padding: 1em 0 0; 1651 } 1652 1653 #wrapper section#tvo > article > div.top > aside > div.advance > p.caution.nobdr { 1654 border: 0; 1655 padding: 0; 1656 } 1657 1658 #wrapper section#tvo > article > div.top > aside > div.advance > p.caution > span { 1659 display: block; 1660 font-weight: 700; 1661 } 1662 1663 #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice { 1664 font-size: 110%; 1665 margin: 0 0 1vw; 1666 } 1667 1668 #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice > li { 1669 word-break: break-all; 1670 } 1671 1672 #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice > li > a { 1673 display: inline; 1674 } 1675 1676 #wrapper section#tvo > article > div.top > aside > div.advance > ul.notice > li.caution > a { 1677 color: #f00; 1678 } 1679 1680 #wrapper section#tvo > article > div.top > aside > div.advance > dl.notice { 1681 font-size: 120%; 1682 margin: 0 auto 40px; 1683 } 1684 1685 #wrapper section#tvo > article > div.top > aside > div.advance > dl.notice > dt { 1686 font-size: 110%; 1687 margin: 0.5em 0; 1688 } 1689 /* /advance */ 1690 1691 /* #wrapper section#tvo > article > div.top > p:last-child { 1692 padding: 0 0 1em; 1693 } */ 1694 /* /top */ 1695 1696 /* outline */ 1697 #wrapper .outline > section > ul { 1698 font-size: 140%; 1699 text-align: left; 1700 } 1701 1702 #wrapper .outline > section > ul > li.notice { 1703 font-size: 80%; 1704 } 1705 1706 #wrapper > section#tvo .outline > section > p.tw { 1707 margin: 3vw auto 1vw !important; 1708 } 1709 /* /outline */ 1710 1711 /* goods */ 1712 #wrapper section#tvo > article > div.goods { 1713 overflow: hidden; 1714 } 1715 1716 #wrapper section#tvo > article > div.goods > section > h4 + p { 1717 font-size: 140%; 1718 font-weight: 700; 1719 text-align: left; 1720 } 1721 1722 #wrapper section#tvo > article > div.goods > section { 1723 padding: 3vw 0 !important; 1724 } 1725 1726 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(4), 1727 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(5), 1728 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(6) { 1729 height: 29vw; 1730 } 1731 1732 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(13), 1733 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(14), 1734 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(15), 1735 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(16), 1736 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(17), 1737 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(18), 1738 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(22), 1739 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(23), 1740 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(24), 1741 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(25), 1742 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(26), 1743 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(27), 1744 #wrapper section#tvo > article > div.goods .flx > div:nth-of-type(31) { 1745 height: 26vw; 1746 } 1747 1748 #wrapper section#tvo > article > div.goods a.btn2 { 1749 font-size: 110%; 1750 margin: 4vw auto 0; 1751 } 1752 1753 #wrapper section#tvo > article > div.goods > section > dl { 1754 font-size: 110% !important; 1755 margin: 0 0 2em; 1756 text-align: left; 1757 } 1758 1759 #wrapper section#tvo > article > div.goods > section > dl > dt { 1760 font-size: 130%; 1761 font-weight: 700; 1762 } 1763 1764 #wrapper section#tvo > article > div.goods > section > dl > dd { 1765 font-size: 110%; 1766 } 1767 1768 #wrapper section#tvo > article > div.goods > section > dl > dd > ul.notice { 1769 font-size: 90%; 1770 margin: 2vw 0; 1771 } 1772 1773 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) { 1774 margin: 0 auto 4em; 1775 } 1776 1777 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dt { 1778 margin: 0 0 2em; 1779 padding: 0; 1780 text-align: center; 1781 } 1782 1783 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dt:not(:first-child) { 1784 border-top: solid 1px #bbb; 1785 margin: 3em 0 2em; 1786 padding: 2em 0 0; 1787 } 1788 1789 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dd { 1790 margin: 0 auto; 1791 width: 40%; 1792 } 1793 1794 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) dd.copy { 1795 margin: 3em 0 0; 1796 text-align: center; 1797 width: 100%; 1798 } 1799 1800 #wrapper section#tvo > article > div.goods > section > dl:nth-of-type(1) div { 1801 align-items: flex-start; 1802 display: flex; 1803 flex-wrap: wrap; 1804 justify-content: space-between; 1805 } 1806 1807 #wrapper section#tvo > article > div.goods > section > figure:nth-of-type(3) { 1808 margin: 0 0 3vw; 1809 } 1810 1811 #wrapper section#tvo > article > div.goods > section > figure > figcaption { 1812 background: #fee46e; 1813 border: solid 5px #000; 1814 color: #000; 1815 font-size: 160%; 1816 font-weight: 700; 1817 margin: 1em 0 0; 1818 padding: 1em; 1819 } 1820 1821 #wrapper section#tvo > article > div.goods > section > div.goodslist > figure {
1822 /* text-align: left; */ 1823 } 1824 1825 #wrapper section#tvo > article > div.goods > section > div.goodslist > figure > figcaption { 1826 font-size: 130%; 1827 font-weight: 700; 1828 margin: 0 0 0.5em; 1829 } 1830 1831 #wrapper section#tvo > article > div.goods > section > div.goodslist > figure > img { 1832 margin: 0 auto; 1833 width: min(600px, 42.85vw); 1834 } 1835 /* /goods */ 1836 1837 /* benefit */ 1838 #wrapper section#tvo > article > div.benefit { 1839 overflow: hidden; 1840 padding: 3vw 0; 1841 } 1842 1843 #wrapper section#tvo > article > div.cafe + .benefit { 1844 padding: 0; 1845 } 1846 1847 #wrapper section#tvo > article > div.benefit > section { 1848 padding: 0; 1849 } 1850 1851 #wrapper section#tvo > article > div.benefit > section > h3 > span { 1852 display: block; 1853 font-size: 80%; 1854 } 1855 1856 #wrapper section#tvo > article > div.benefit > section > h4 { 1857 align-items: center; 1858 display: flex; 1859 font-size: 160%; 1860 font-weight: 400; 1861 justify-content: space-between; 1862 margin: 0 auto 0.5em; 1863 } 1864 1865 #wrapper section#tvo > article > div.benefit > section > h4::after, 1866 #wrapper section#tvo > article > div.benefit > section > h4::before { 1867 background: #000; 1868 content: ''; 1869 height: 2px; 1870 width: 30%; 1871 } 1872 1873 #wrapper section#tvo > article > div.benefit > section > h4:nth-of-type(2)::after, 1874 #wrapper section#tvo > article > div.benefit > section > h4:nth-of-type(2)::before { 1875 width: 29%; 1876 } 1877 1878 #wrapper section#tvo > article > div.benefit > section > figure { 1879 /* width: 50% !important; */ 1880 } 1881 1882 #wrapper section#tvo > article > div.benefit .flx > li { 1883 margin: 0 0 2em; 1884 width: 18%; 1885 } 1886 1887 #wrapper section#tvo > article > div.benefit .flx > li > strong { 1888 display: block; 1889 font-size: 180%; 1890 margin: 0.5em 0 0.2em; 1891 } 1892 1893 #wrapper section#tvo > article > div.benefit .flx > li > span { 1894 font-size: 150%; 1895 } 1896 1897 #wrapper section#tvo > article > div.benefit .flx > div { 1898 background: transparent; 1899 height: 38vw; 1900 margin: 0; 1901 padding: 0 2%; 1902 width: 48%; 1903 } 1904 1905 #wrapper section#tvo > article > div.benefit .flx > div > dt { 1906 align-items: center; 1907 background: #000; 1908 color: #fff; 1909 display: flex; 1910 flex-direction: column; 1911 font-size: 130%; 1912 height: 7vw; 1913 justify-content: center; 1914 line-height: 1.3; 1915 padding: 0.5em 0; 1916 } 1917 1918 #wrapper section#tvo > article > div.benefit .flx > div > dt > small { 1919 display: block; 1920 } 1921 1922 /* benefit2 */ 1923 #wrapper .benefit2 { 1924 background: #26345d; 1925 color: #fff; 1926 margin: 3vw 0 4vw; 1927 padding: 20px; 1928 } 1929 1930 #wrapper .benefit2 > h5 { 1931 color: #ffffa5; 1932 font-size: 140%; 1933 margin: 0 0 1em; 1934 text-align: left; 1935 } 1936 1937 #wrapper .benefit2 > p { 1938 font-size: 120% !important; 1939 font-weight: 700 !important ; 1940 } 1941 1942 #wrapper .benefit2 > ul.notice { 1943 font-size: 100% !important; 1944 margin: 0 !important; 1945 } 1946 1947 #wrapper .benefit2 > dl > dt { 1948 border-bottom: solid 1px #fff; 1949 font-size: 110%; 1950 margin: 0 0 0.5em; 1951 } 1952 1953 #wrapper .benefit2 > dl > dd { 1954 margin: 0 0 0.3em; 1955 } 1956 1957 #wrapper .benefit2 > dl > dd:nth-of-type(3), 1958 #wrapper .benefit2 > dl > dd:nth-of-type(6) { 1959 margin: 0 0 1em; 1960 } 1961 /* /benefit2 */ 1962 1963 #wrapper section#tvo > article > div.benefit > section > dl { 1964 text-align: left; 1965 } 1966 1967 #wrapper section#tvo > article > div.benefit > section > dl > dt { 1968 font-size: 130%; 1969 font-weight: 700; 1970 } 1971 1972 #wrapper section#tvo > article > div.benefit > section > dl > dd { 1973 font-size: 110%; 1974 } 1975 /* /benefit */ 1976 1977 /* online */ 1978 #wrapper .online { 1979 overflow: hidden; 1980 /* padding: 0 0 3vw !important; */ 1981 padding: 3vw 0 0 !important; 1982 } 1983 1984 #wrapper .online > section > p { 1985 margin: 0 auto 3vw !important; 1986 } 1987 1988 #wrapper .online > section > h4 + p { 1989 font-size: 140%; 1990 font-weight: 700; 1991 text-align: left; 1992 } 1993 1994 #wrapper .online p.notice.caution { 1995 margin: 0 0 3em !important; 1996 text-align: center !important; 1997 } 1998 1999 #wrapper .online p > strong.caution { 2000 text-align: left !important; 2001 } 2002 2003 #wrapper .online > section > p:nth-of-type(1), 2004 #wrapper .online > section > p:nth-of-type(2) { 2005 /* text-align: center !important; */ 2006 } 2007 2008 /* #wrapper .online > section > p:last-child { 2009 font-size: 180% !important; 2010 font-weight: 700 !important; 2011 margin: 1.5em 0 0 !important; 2012 text-align: center !important; 2013 } 2014 2015 #wrapper .online > section > p:last-child > a.btn2 { 2016 font-size: 120% !important; 2017 font-weight: 700 !important; 2018 margin: 1vw auto 4vw !important; 2019 } */ 2020 2021 #wrapper .online > section > p > a.btn2 { 2022 /* margin: 1vw auto 4vw !important; */ 2023 margin: 1vw 0 !important; 2024 width: 50%; 2025 } 2026 2027 #wrapper .online > section > p > span.notice { 2028 display: block; 2029 font-size: 85%; 2030 margin: 0 0 1em; 2031 text-indent: -1em; 2032 } 2033 2034 #wrapper .online > section > figure {
2035 margin: 0 0 3vw !important; 2036 width: 65% !important; 2037 } 2038 /* /online */ 2039 2040 /* cafe */ 2041 #wrapper section#tvo > article > div.cafe { 2042 overflow: hidden; 2043 padding: 3vw 0 3vw !important; 2044 /* padding: 0 !important; */ 2045 } 2046 2047 #wrapper section#tvo > article > div.cafe figure > figcaption { 2048 border-left: solid 4px #000; 2049 font-size: 200%; 2050 font-weight: 700; 2051 line-height: 1; 2052 margin: 0 0 0.5em; 2053 padding: 0.2em 0 0.2em 0.5em; 2054 text-align: left; 2055 } 2056 2057 #wrapper section#tvo > article > div.cafe figure > figcaption > span.caution { 2058 font-size: 90%; 2059 margin: 0 0 0 1em; 2060 } 2061 2062 #wrapper section#tvo > article > div.cafe .flx > div { 2063 background: #fff; 2064 height: 19.4vw; 2065 } 2066 2067 #wrapper section#tvo > article > div.cafe .flx > div:nth-of-type(4), 2068 #wrapper section#tvo > article > div.cafe .flx > div:nth-of-type(5), 2069 #wrapper section#tvo > article > div.cafe .flx > div:nth-of-type(6) { 2070 background: #fff; 2071 height: 21vw; 2072 } 2073 2074 #wrapper section#tvo > article > div.cafe > section > p > span.notice { 2075 display: block; 2076 font-size: 80%; 2077 } 2078 2079 #wrapper section#tvo > article > div.cafe > section > h4 { 2080 margin: 1em auto 0.5em; 2081 } 2082 2083 #wrapper section#tvo > article > div.cafe > section > p > strong { 2084 text-align: left; 2085 } 2086 /* /cafe */ 2087 2088 /* special */ 2089 #wrapper section#tvo > article > div.special { 2090 overflow: hidden; 2091 padding: 0 0 3vw; 2092 } 2093 2094 #wrapper section#tvo > article > div.special > section { 2095 padding: 1vw 0 0; 2096 } 2097 2098 #wrapper section#tvo > article > div.special > section > h3 { 2099 margin: 2vw auto 3vw !important; 2100 } 2101 2102 #wrapper section#tvo > article > div.special > section > figure { 2103 /* width: 80% !important; */ 2104 } 2105 2106 #wrapper section#tvo > article > div.special > section:nth-of-type(2) figure { 2107 /* width: 70% !important; */ 2108 } 2109 2110 #wrapper section#tvo > article > div.special > section > figure > figcaption { 2111 font-size: 180%; 2112 margin: 1em 0 0; 2113 } 2114 2115 #wrapper section#tvo > article > div.special > section > h4 { 2116 font-size: 160%; 2117 margin: 0 0 1em; 2118 text-align: left; 2119 } 2120 2121 #wrapper section#tvo > article > div.special > section > h4 + p { 2122 text-align: left; 2123 } 2124 2125 #wrapper section#tvo > article > div.special > section > dl { 2126 font-size: 130% !important; 2127 text-align: left; 2128 } 2129 2130 #wrapper section#tvo > article > div.special > section > dl > dt { 2131 font-weight: 700; 2132 } 2133 2134 #wrapper section#tvo > article > div.special > section > ul.notice { 2135 font-size: 120% !important; 2136 margin: 1.5em 0; 2137 } 2138 2139 #wrapper section#tvo > article > div.special > section > ul.notice > li { 2140 padding: 0 0 0.5em !important; 2141 text-indent: -1em; 2142 } 2143 2144 #wrapper section#tvo > article > div.special > section > p.caution { 2145 font-size: 120% !important; 2146 padding: 0; 2147 text-align: left; 2148 } 2149 /* /special */ 2150 2151 /* event */ 2152 #wrapper .event { 2153 overflow: hidden; 2154 padding: 3vw 0; 2155 } 2156 2157 #wrapper .event > section > dl { 2158 font-size: 140% !important; 2159 margin: 0 0 1em; 2160 text-align: left; 2161 } 2162 2163 #wrapper .event > section > dl > dt { 2164 font-weight: 700; 2165 } 2166 2167 #wrapper .event > section > dl:nth-of-type(1) > dt:nth-of-type(2) { 2168 margin: 1em 0 0; 2169 } 2170 2171 #wrapper .event > section > dl > dd > ul.notice { 2172 font-size: 90% !important; 2173 margin: 1em 0 0 !important; 2174 } 2175 2176 #wrapper .event > section > ul.notice { 2177 margin: 0 0 1em !important; 2178 } 2179 /* /event */ 2180 2181 /* about */ 2182 #wrapper .about > section { 2183 padding: 3vw 0 !important; 2184 } 2185 2186 #wrapper .about > section > p.caution.notice { 2187 font-size: 120% !important; 2188 text-align: left !important; 2189 } 2190 2191 #wrapper section#tvo > article > div.new > section:last-child > h3 + ul.notice { 2192 margin: 0 auto 3vw; 2193 } 2194 2195 #wrapper .about > section > p:last-child { 2196 text-align: center !important; 2197 } 2198 2199 #wrapper .about a.btn3 { 2200 font-size: 110%; 2201 margin: 1em 0 2em; 2202 text-align: center; 2203 width: 75%; 2204 } 2205 /* /about */ 2206 2207 } 2208 /* /PC */ 2209</style> 2210 2211 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235 2236 2237 2238 2239 2240 2241 2242<div class="new new_01 top"> 2243 <figure><img src="/news/2026/10/01/madomagi_main_261001_01.jpg" alt=""></figure> 2244 <aside> 2245 <h4>éåå°ããã¼ãã«ããéå®ã®ã³ã©ããã¼ããæãä¸ããã¤ã©ã¹ãã°ããºãç»å ´ï¼<br>ã¿ãªãã¾ã®ãæ¥å ´ããå¾ ã¡ãã¦ããã¾ã!!</h4> 2246 <p class="caution">ãé嬿¥ç¨ã<br>æ±äº¬ï¼2026å¹´10æ17æ¥(å)ã2026å¹´11æ13æ¥(é)<br>大éªã»åå¤ï¼2026å¹´12æ5æ¥(å)ï½2026å¹´12æ17æ¥(æ¨)</p> 2247 <p>ååºèã¸ã®ã¢ã¯ã»ã¹ã¯ãã¡ãã覧ãã ãã<br class="dn_pc">â<a href="/#access" target="_top">https://tree-village.jp/#access</a></p> 2248 </aside> 2249<!-- p style="text-align:center;"><small>©âââ</small></p --> 2250 <div class="sns_list dn_pc"> 2251 <p class="tw"><span><strong>ããªã¼ãã¬ãã¸æ±äº¬åºã®ææ°æ å ±ã¯ãï½¢æ±äº¬åºå ¬å¼Xï½£ã§çºä¿¡ä¸ï¼</strong>ã¤ãã³ã彿¥ã®ãååãæ å ±ãï½¢åå ¥è·æ å ±ï½£ãªã©ãããããçºä¿¡ãããã¾ãã®ã§ããã²å ¬å¼Xããã©ãã¼ãã¦ãå¾ ã¡ãã ããï¼</span><a href="https://twitter.com/intent/follow?screen_name=treevillage_jp" target="_blank"><i class="fa-brands fa-x-twitter"></i><span><strong>FOLLOW!</strong>@treevillage_jp</span></a></p> 2252 <p class="tw tw_info_tokyo"><span><strong>æ±äº¬åºã®å ¥å ´æ´ç叿 å ±ã¯ã<br class="dn_pc">ï½¢Xãæ¡å ã¢ã«ã¦ã³ãï½£ã§é ä¿¡ï¼</strong>ã¤ãã³ãåæ¥ãæ··éæã«ã¯å ¥å ´æ´çå¸ã«ããå ¥å ´è¦å¶ãããã¦ããã ãå ´åããããã¾ãã<br>ã¢ã«ã¦ã³ãããã©ãã¼ãã¦ãå¾ ã¡ãã ããï¼</span><a href="https://twitter.com/treevillage__" target="_blank"><i class="fa-brands fa-x-twitter"></i><span><strong>FOLLOW!</strong>@treevillage__</span></a></p> 2253</div> 2254 2255<div class="sns_list dn_sp"> 2256 <p class="tw"><span><strong>ããªã¼ãã¬ãã¸æ±äº¬åºã®ææ°æ å ±ã¯ãï½¢æ±äº¬åºå ¬å¼Xï½£ã§çºä¿¡ä¸ï¼</strong>ãååãæ å ±ããåå ¥è·æ å ±ãã»ã</span><a href="https://twitter.com/intent/follow?screen_name=treevillage_jp" target="_blank"><i class="fa-brands fa-x-twitter"></i><span><strong>FOLLOW!</strong>@treevillage_jp</span></a></p> 2257 <p class="tw tw_info_tokyo"><span><strong>æ±äº¬åºã®å ¥å ´æ´ç叿 å ±ã¯ã<br>ãXãæ¡å ã¢ã«ã¦ã³ããã§é ä¿¡ï¼</strong></span><a href="https://twitter.com/treevillage__" target="_blank"><i class="fa-brands fa-x-twitter"></i><span><strong>FOLLOW!</strong>@treevillage__</span></a></p> 2258</div> 2259 2260</div> 2261<div class="new new_02 goods"> 2262 <section> 2263 <h3>ã°ããº</h3> 2264 <!-- p class="cs">Coming soon...</p --> 2265 <figure><img src="/news/2026/10/01/madomagi_goods_261001_01_02.jpg" alt=""></figure> 2266 <ul class="notice"> 2267 <li>â»ã¤ãã³ããæ³å®ä»¥ä¸ã«æ··éããå ´åãããå¤ãã®ã客æ§ã«ååããè²·ãæ±ãããã ããããä¼å ´ã«ã¦å¥é販売æ°å¶éãããã¦ããã ãå ´åããããã¾ããäºããäºæ¿ãã ããã</li> 2268 <li>â»è»¢å£²ç®çã®ååã®ãè³¼å ¥ã¯åºããæããããã¾ãã売ãå ´ã§ã声ããããã¦ããã ãå ´åããããã¾ãã</li> 2269 <li>â»å½æ¥ã®ç¶æ³ã«ããäºåã®ãæ¡å å 容ã夿´ããå ´åããããã¾ãã</li> 2270 <li>â»ã¹ã¿ããã®æç¤ºã«å¾ã£ã¦ããã ããªãå ´åã販売ããæãããå ´åããããã¾ãã</li> 2271 <li>â»ä¸è¯å以å¤ã®äº¤æè¿åã¯ãæ¿ãã§ãããã¾ãããµã¤ãºã»è²ãªã©ååãããã確èªã®ä¸ãè³¼å ¥ãã ããã</li> 2272 </ul> 2273<!-- 2274 <h4>â æéä¸ãâââ</h4> 2275 <figure><img src="/news/2026/10/01/madomagi_benefit_261001_01.jpg" alt=""></figure> 2276 <ul class="notice"> 2277 <li>â»ç¹å ¸ã¯ãæºåææ°ã«éãæ¬¡ç¬¬ãé å¸çµäºã¨ããã¦ãã ãã¾ãã</li> 2278 <li>â»ã©ã³ãã ã§ã®ã渡ãã«ãªãã¾ããããçµµæã¯é¸ã¹ã¾ããã</li> 2279 <li>â»å 容ã¯äºåãªã夿´ããå ´åããããã¾ãã</li> 2280 </ul> 2281--> 2282 </section> 2283</div> 2284<!-- 2285<div class="new new_01 online"> 2286 <section> 2287 <h3>ãªã³ã©ã¤ã³è²©å£²</h3> 2288 <p class="cs">Coming soon...</p> 2289 <p>æ¬å¬äºã®ååã¯ãããªã¼ãã¬ãã¸é販ãµã¤ããã§ããªã³ã©ã¤ã³è³¼å ¥å¯è½ã§ãã<br>ãåºã«ãè¶ãããã ããªãã客æ§ã¯é販ããå©ç¨ãã ããã¾ãã<br>販売æéï¼âââ<a href="https://shop.mu-mo.net/treevillage/" target="_blank" class="btn2">ãªã³ã©ã¤ã³è²©å£²ã¯ã³ãã©</a></p> 2290 <ul class="notice"> 2291 <li>â»âââ</li> 2292 </ul> 2293 </section> 2294</div> 2295--> 2296<div class="new new_01 cafe"> 2297 <section> 2298 <h3>ã«ãã§</h3> 2299 <!-- p class="cs">Coming soon...</p --> 2300 <figure><img src="/news/2026/10/01/madomagi_cafe_261001_01.jpg" alt=""></figure> 2301 <ul class="notice"> 2302 <li>
2302â»ãï¼äººæ§ï¼ä¼è¨ï¼åã¾ã§ã®ã注æã¨ããã¦ããã ãã¾ãã</li> 2303 </ul> 2304 <h4>ã¡ãã¥ã¼1åãæ³¨æã«ã¤ããç¹å ¸ããªãªã¸ãã«ã³ã¼ã¹ã¿ã¼ãï¼å ¨6種ï¼ãã©ã³ãã ã§1ç¹ãã¬ã¼ã³ãï¼</h4> 2305 <ul class="notice"> 2306 <li>â»ç¹å ¸ã¯ãæºåææ°ã«éãæ¬¡ç¬¬ãé å¸çµäºã¨ããã¦ãã ãã¾ãã</li> 2307 <li>â»ã©ã³ãã ã§ã®ã渡ãã«ãªãã¾ããããçµµæã¯é¸ã¹ã¾ããã</li> 2308 </ul> 2309 </section> 2310</div> 2311<div class="new new_02 about"> 2312 <section> 2313 <!-- h3>ãæ¥åºã®çãã¾ã¸ãé¡ã</h3> 2314 <p>å½åºèã§ã¯ããæ¥åºããã ããçãã¾ã«æ¬ã¤ãã³ããå®å¿ãã¦ã楽ãã¿ããã ãã¾ãããã徿¥å¡(SHOPãCAFÃ)ã®ãã¹ã¯çç¨åã³æææ¶æ¯ã®å¾¹åºãè²·ç©ããæ¶æ¯çã®å¯¾çãã¨ããã¦ããã ãã¦ããã¾ãã<br>ã客æ§ã«ãããã¾ãã¦ãã以ä¸å¯¾çã«ãååããã ãã¾ããããä½åãããããé¡ãç³ãä¸ãã¾ãã</p> 2315 <dl class="notice"> 2316 <dt>â ãæ¥åºåã®å¥åº·ãã§ãã¯</dt> 2317 <dd>
2317çºç±çããèªèº«ã®ä½èª¿ãããããªãå ´åã®ãæ¥åºã¯ãæ§ããã ããã</dd> 2318 <dt>â ã½ã¼ã·ã£ã«ãã£ã¹ã¿ã³ã¹ç¢ºä¿ã®ãåå</dt> 2319 <dd>ãå ¥å ´ããè²·ç©ããä¼è¨ã®éãªã©ãçãã¾å士ã®ã½ã¼ã·ã£ã«ãã£ã¹ã¿ã³ã¹ã®ç¢ºä¿ã«ãååããé¡ããããã¾ããå¾ æ©åã§ã¯è¶³å ã®ã¬ã¤ãã«å¾ãã1ï½ã®ééã空ãã¦ã並ã³ãã ããã</dd> 2320 <dt>â æ´çå¸é å¸ã«é¢ãã¦</dt> 2321 <dd>åºèã®æ··éæã¯å ¥å ´æ´çå¸ãé å¸ããã¦ããã ãå ´åããããã¾ããäºããäºæ¿ãã ããã</dd> 2322 </dl --> 2323 <h3>å ¥å ´ã«ã¤ãã¦</h3> 2324<h4 style="background: #777;color: #fff;padding: 0 10px;">æ±äº¬åº</h4> 2325<p>ã¤ãã³ãåæ¥ãæ··éæã«ã¯å ¥å ´æ´çå¸ã«ããå ¥å ´è¦å¶ãããã¦ããã ãå ´åããããã¾ããï¼ç©è²©ï¼ã«ãã§ãããã該å½ãããã¾ãï¼<br><span class="caution">æ±äº¬åºã®å ¥å ´æ´çå¸ã¯LINEã¢ããªã§ãç³è¾¼ã¿ããã ããã¸ã¿ã«æ´çå¸ã§ãã</span><br>å ¥å ´æ´çå¸ã®çºå¸ç¶æ³ã¯ã¤ãã³ããã¨ï¼æéãã¨ã«ç°ãªãã¾ããæ´çå¸ã§ã®å ¥å ´ã®ãæ¡å ã¨ãªãå ´åã¯åæ¥20:00ã¾ã§ã«ã<a href="https://twitter.com/treevillage__" target="_blank" style="text-decoration: underline;">Xã®å ¥å ´æ´çå¸ãæ¡å ã¢ã«ã¦ã³ãï¼ @treevillage__ ï¼</a>ãããã¹ããããã¾ããã¢ã«ã¦ã³ãããã©ãã¼ãã¦ãå¾ ã¡ãã ããã</p> 2326<p class="info_link"><a href="info_tokyo_241024.html" target="_top" style="margin: 0 0 10px;"><strong>å ¥å ´æ´çå¸ç³è¾¼æ¹æ³</strong></a></p> 2327 2328<ul class="dn_sp notice" style="margin: 0 0 20px;padding: 10px 0;"> 2329 <li class="caution">â»å¾¹å¤ãæ©æã®æ¥å ´ãªã©ãæ½è¨éå ´ã®AM6:30åããå ¥å£ä»è¿ã§å¾ æ©ãããã¨ã¯ç¦æ¢ã¨ããã¦ããã ãã¾ãã 2330 <br>ç¶æ³ã«ãã£ã¦ã¯ã¤ãã³ãéå¬ã䏿¢ããããå¾ãªããªã£ã¦ãã¾ãã¾ãã®ã§ãã«ã¼ã«é å®ã®ãååããé¡ãç³ãä¸ãã¾ããï¼æ½è¨ãæ½é ããã¦ãããããAM6:30ååºèå ¥å£ã¸è¡ããã¨ã¯ã§ãã¾ãããï¼</li> 2331 <li class="caution">â»èªç¶çºççã«ä½ãããåãç°ãªãå ´æã«ä½ãããåã¯ç¡å¹ã§ããç¡å¹ã¨ãªãåã«é¢ãã責任ã¯ä¸åè² ãã¾ããã</li> 2332 <li class="caution">â»è·ç©ãç½®ããªã©ã®äºåã®å ´æåãè¡çºãç¦æ¢ãããã¾ãã</li> 2333</ul> 2334 2335<ul class="dn_pc notice" style="line-height: 1.5;margin: 0 auto 10px;padding: 10px 0;"> 2336 <li class="caution">â»å¾¹å¤ãæ©æã®æ¥å ´ãªã©ãæ½è¨éå ´ã®AM6:30åããå ¥å£ä»è¿ã§å¾ æ©ãããã¨ã¯ç¦æ¢ã¨ããã¦ããã ãã¾ãã 2337 <br>ç¶æ³ã«ãã£ã¦ã¯ã¤ãã³ãéå¬ã䏿¢ããããå¾ãªããªã£ã¦ãã¾ãã¾ãã®ã§ãã«ã¼ã«é å®ã®ãååããé¡ãç³ãä¸ãã¾ããï¼æ½è¨ãæ½é ããã¦ãããããAM6:30ååºèå ¥å£ã¸è¡ããã¨ã¯ã§ãã¾ãããï¼</li> 2338 <li class="caution">â»èªç¶çºççã«ä½ãããåãç°ãªãå ´æã«ä½ãããåã¯ç¡å¹ã§ããç¡å¹ã¨ãªãåã«é¢ãã責任ã¯ä¸åè² ãã¾ããã</li> 2339 <li class="caution">â»è·ç©ãç½®ããªã©ã®äºåã®å ´æåãè¡çºãç¦æ¢ãããã¾ãã</li> 2340</ul> 2341<h4 style="background: #777;color: #fff;padding: 0 10px;">大éªã»åå¤åº</h4> 2342<p style="margin: 0 auto 20px;">ã¤ãã³ãåæ¥ãæ··éæã«ã¯ãå ¥å ´æ´çå¸ã«ããå ¥å ´è¦å¶ãããã¦ããã ãå ´åããããã¾ãã</p> 2343 <div class="shopinfo"> 2344 <h4>åºèæ å ±</h4> 2345 <dl> 2346 <dt>âæ±äº¬ä¼å ´</dt> 2347 <dd>ããªã¼ãã¬ãã¸æ±äº¬åº</dd> 2348 <dd>æ±äº¬ã¹ã«ã¤ããªã¼ã¿ã¦ã³ã»ã½ã©ãã ã¦ã¨ã¹ãã¤ã¼ã4F</dd> 2349 <dd>å¶æ¥æéï¼SHOP 9:00ã21:00ï¼CAFE 10:00ã21:00(L.O 20:30)</dd> 2350 <dt>â大éªä¼å ´</dt> 2351 <dd>ããªã¼ãã¬ãã¸å¤§éªåº</dd> 2352 <dd>大éªåºå¤§éªå¸ååºè§ç°çº5-15HEP FIVEæ¢ ç°8é ãã³ãã¤ãã ã³ Cross Store å¤§éªæ¢ ç° å </dd> 2353 <dd>å¶æ¥æéï¼SHOP 11:00ï½21:00ï¼CAFE 11:00ã20:00ï¼L.O 20:00ï¼<br>â»CAFE ã¤ã¼ãã¤ã³ã¹ãã¼ã¹ãå©ç¨æé 20:30ã¾ã§</dd> 2354 2355 <dt>âç¦å²¡ä¼å ´</dt> 2356 <dd>ããªã¼ãã¬ãã¸åå¤åº</dd> 2357 <dd>ç¦å²¡çç¦å²¡å¸åå¤åºä½åä¸ä¸ç®2å·74çªãã£ãã«ã·ãã£ãªã¼ãåå¤ ãµã¦ã¹ãã«B1F ãã³ãã¤ãã ã³ Cross Store åå¤å </dd> 2358 <dd>å¶æ¥æéï¼SHOP 10:00ã21:00ï¼CAFE 11:00ã20:00ï¼L.O 19:30ï¼</dd> 2359 2360 </dl> 2361 <ul class="notice" style="width: 100%; margin-top:3%;"> 2362 <li class="caution">â»ä¼æ¥ã»å¶æ¥æé夿´ã¯å忥æ½è¨ã®æ¥ç¨ã«é ãã¦è¡ããã¾ãããæ¥åºåã«æ½è¨ã®HPã§ã確èªããé¡ããããã¾ãã</li> 2363 </ul> 2364 </div> 2365 </section> 2366</div> 2367 2368 </article> 2369 <a href="/news/" target="_top" class="btn">TOPãã¼ã¸ã¸</a> 2370 </section> 2371 </article> 2372 <!-- /wrapper --> 2373 2374 <!-- footer --> 2375<section class="__footer"><span>©</span>avex</section> 2376<!-- /footer --> 2377 2378 2379</article> 2380<!-- /main-contents --> 2381</body> 2382</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.