https://www.utsuwayayuuyuu.com/assets/book/store_info.html

1<!doctype html>
2<html>
3<head>
4<meta charset="UTF-8">
5<title>京都：ギャラリーうつわや悠々について</title>
6<meta content="ギャラリーうつわや悠々について" name="title">
7<meta name="description" content="ギャラリーうつわや悠々について">
8<meta name="keywords" content="ギャラリー,京都,器,奈良,やきもの,和食器,陶芸,伊賀,信楽">
9<meta property="og:type" content="article"/>
10<meta property="og:title" content="作家の和食器オンラインショップ ギャラリーうつわや悠々" />
11<meta property="og:image" content="images/store/store001aa.gif" />
12<meta property="og:description" content="ギャラリーうつわや悠々について" />
13<meta name="viewport" content="width=device-width,initial-scale=1">	
14<link href="../css/header/header_menu.css" rel="stylesheet" type="text/css">
15<link href="../css/works2.css" rel="stylesheet" type="text/css">
16<link href="css/book_cotents.css" rel="stylesheet" type="text/css">
17<link href="css/ata.css" rel="stylesheet" type="text/css"><link href="css/labo.css" rel="stylesheet" type="text/css">	
18<link rel="stylesheet" href="css/slick_there.css">
19<link rel="stylesheet" href="../css/slick.css">
20<link href="../css/lity.min.css" rel="stylesheet" type="text/css">

21<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

21

22<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

22

23<script src="../js/jquery-1.11.0.min.js"></script>

23	

24<script src="../js/jquery.tabslet.min.js"></script>

24

25<script src="../js/smooth-scroll.min.js"></script>

25

26<script src="../js/flexibility.js"></script>

26

27<script src="../js/slick.min.js"></script>

27

28<script src="../js/lity.min.js"></script>

28	
29<link rel="apple-touch-icon" href="https://www.utsuwayayuuyuu.com/apple.png" />
30<link rel="shortcut icon" href="https://www.utsuwayayuuyuu.com/favicon1.ico" type="image/vnd.microsoft.icon">
31
32</head>
33<body>
34	<div class="loading">
35		<div class="loading_name">OUR STORY</div>
36    <div class="animation"></div>
37</div>
38<header>	
39  <ul class="main-nav">
40	  <li><svg class="icon icon-logoname">
41		  <a xlink:href="https://www.utsuwayayuuyuu.com">
42			  <use xlink:href="../images/symbol-defs.svg#icon-logoname"></use></a></svg></li>
43	   <li id="menu_0"><a href="https://www.utsuwayayuuyuu.com" >Home<p>トップへ戻る</p></a></li>
44	   <li id="menu_1"><a href="book.html" >Manual Books<p>器の教科書：トップへ</p></a></li>
45	  <li id="menu_2"><a href="ata.html" >About the Artists<p>作家を知る</p></a></li>
46	  <li id="menu_3"><a href="ltp.html">Learn the Pottery<p>和食器をついて</p></a></li>
47	  <li id="menu_4"><a href="htc.html">How to Care<p>器のお手入れ</p></a></li>
48	  <li id="menu_5"><a href="labo.html">Utsuwa Labo<p>うつわラボ</p></a></li>
49	  <li id="menu_8">
50	    <div class="icon-animation type-2">
51            <span class="top"></span>
52            <span class="middle"></span>
53            <span class="bottom"></span>
54        </div>
55    </li>
56  </ul>
57</header>	
58<div id="mobile">
59	<div class="mobile_container">
60<ul class="mobile-nav">
61	<li class="mobile-menu"><a href="book.html"  >Manual Books<p>器の教科書：トップへ</p></a></li>
62	<li class="mobile-menu"><a href="ata.html">About the Artists<p>作家を知る</p></a></li>
63	<li class="mobile-menu"><a href="ltp.html">Learn the Pottery<p>和食器について</p></a></li>
64	<li class="mobile-menu"><a href="htc.html">How to care<p>器のお手入れ</p></a></li>
65	<li class="mobile-menu"><a href="labo.html">Utsuwa Labo<p>うつわラボ</p></a></li>
66	<li class="mobile-menu"><a href="https://www.utsuwayayuuyuu.com">Home<p>トップへ戻る</p></a></li>
67 
68	</ul>
69	</div>
70</div>
71<!--About the Artist-top-->
72<div class="page-all">
73	<div class="page-wrap">
74	<h1>OUR STORY</h1>
75		<h4>Artshop Gallery Utsuwaya Yuuyuu</h4>
76		<h6>ギャラリーうつわや悠々360度ツアー。</h6>
77		<div class="video_button"> <a href="https://www.youtube.com/embed/TnbwjgAI_Uk?rel=0" data-lity="data-lity"><img src="../images/videobutton.png" width="100%" lity="data-lity"   alt=""/></a>
78	  </div>
79		<div class="video_button2"> <a href="https://www.youtube.com/embed/TnbwjgAI_Uk?rel=0" target="_blank" ><img src="../images/videobutton.png" width="100%"   alt=""/></a>
80			</div>
81  </div>
82	<div class="page-photo">
83	<img src="images/store/store001aa.gif"  alt=""/>
84	</div>
85	</div>
86	
87<!--About the Artist-contents-->
88<div class="book-contents">
89		<div class="interview">
90			<h3>京都・信楽・伊賀・奈良。二つの古都と多彩な窯元。焼き物の通り道にうつわや悠々はあります。</h3>
91			
92	</div>
93	<div class="interview1">
94		<h6>ー Product + Concept。</h6>
95		<p1>近年、作家たちの制作する作品は、日本の空間スタイルに合わせて、いままでの『陶芸』から、より自由な発想で、よりクリエイティブな器デザインを提案してくれます。それは日本のクラシカルな伝統文化をさらに追求したもの、アジア・ヨーロッパ・北欧デザインを取り入れたものまで、幅広くデザインされています。そしてすべての作品は、作家自ら良質の素材を選び、手仕事による「揺らぎ」や作り手の「空気感」「呼吸」などを作品に注ぎ、空間を美しく演出してくれます。さらに、うつわや悠々が伝統とモダンデザインが行き交う２つの古都・京都・奈良とたくさんの窯元に近いこともあり、作家の”今の表現”をいち早く皆様の元にご提供しています。毎日使うモノに、少し目を向けて、いつもの空間にデザインを添える。そんな美しい空間づくりのお手伝いをさせていただければ幸いです。</p1>
96		</div>
97	<div class="interview2">
98		<img src="images/store/store001a.jpg" width="100%"  alt=""/>
99	</div>
100		
101	<div class="interview">
102			<h3>Access</h3>
103			<h4>619-0216 京都府 木津川市 州見台 7-1-21</h4>
104		    <h4>電話FAX:0774-72-6967</h4>
105		　　<h4>OPEN HOURS</h4>
106		   <h4>水曜日-土曜日11:00-16:00</h4>
107		   <h4>定休日：月、火、日曜</h4>
108		<div class="youtube-buttom" >
109	<a href="https://www.google.co.jp/maps/place/うつわや悠々/@34.7161704,135.817693,17z/data=!3m1!4b1!4m5!3m4!1s0x60013bfaf44738ab:0xfa2b03d40ef08bc1!8m2!3d34.716166!4d135.819887" target="_blank">MAP</a> </div>
110	</div>
111	<div id="maps"></div>
112	</div>
113<!--RELATED-->
114	<div class="related">
115		<h3>RELATED.</h3>
116		<h4>関連ページ</h4>
117				<div class="related-co">
118			<a href="https://www.utsuwayayuuyuu.com/">
119			<img src="images/labo/labo001e.jpg" width="100%"  alt=""/>
120			<p>Online Shop</p>
121			</a>
122		</div>
123		<div class="related-co">
124			<a href="book.html">
125			<img src="images/ltp/ltp_002b.jpg" width="100%"  alt=""/>
126			<p>器の教科書：取り扱い</p>
127			</a>
128		</div>
129	</div>
130
131
132	<!--page_scroll-->
133<div id="page-top">

134     <a href="../../header"><img src="../images/up_btn3.png" width="50" height="50" alt=""/></a>
135</div>
136	<!--footer-->
137<div class="fotter">
138	<ul class="fotter-nav">
139    <li><a href="#" class=".fotter_logo"><svg class="icon icon-logoname"><a xlink:href="https://www.utsuwayayuuyuu.com">
140		   <use xlink:href="../images/symbol-defs.svg#icon-logoname"></use>
141		 </a></svg></a></li>
142    <li>©️Utsuwaya Yuuyuu</li>
143  </ul>
144</div>
145<!--web-font-->	

146<script>
147  (function(d) {
148    var config = {
149      kitId: 'mrx6gdm',
150      scriptTimeout: 3000,
151      async: true
152    },
153    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
154  })(document);
155</script>

155
156<!--loading-->

157<script>
158$(window).load(function () {
159    // 消えるタイミング
160    $('.loading').delay(1500).fadeOut(300);
161});
162function stopload(){
163    $('.loading').delay(1000).fadeOut(700);
164}
165setTimeout('stopload()',10000);
166</script>

166	

167<script>
168$(function () {
169    var $animation = $('.icon-animation');
170    $animation.on('click',function(){
171      
172        if ($(this).hasClass('is-open')){
173            $(this).removeClass('is-open');
174        } else {
175            $(this).addClass('is-open');
176        }
177    });
178});
179	</script>

179
180	

180<script>
181$(function() {
182  var $win = $(window),
183      $header = $('header'),
184      animationClass = 'is-animation';
185
186  $win.on('load scroll', function() {
187    var value = $(this).scrollTop();
188    if ( value > 300 ) {
189      $header.addClass(animationClass);
190    } else {
191      $header.removeClass(animationClass);
192    }
193  });
194});
195</script>

195
196
197

198<script type="text/javascript">
199 $(function(){
200     $('.icon-animation').on('click', function() {
201         $(this).toggleClass('active');
202         $("#mobile").fadeToggle();
203         return false;
204     }); 
205 });
206</script>

206

207<script>
208//モバイルメニューアニメーション	
209$(function() {
210    $('ul.mobile-nav li')
211        .css({
212            left : '40px',
213            opacity: 0
214        })
215        .each(function(i){
216            $(this).delay(500 * i)
217                .animate({
218                    left : '0',
219                    opacity: 1
220                }, 1500);
221        });
222});
223	</script>

223
224		

224<script>
225	$('.tabs_animate').tabslet({
226		mouseevent: 'click',
227		attribute: 'href',
228		animation: true
229	});
230</script>

230
231	

231<script>
232	$(function() {
233    var topBtn = $('#page-top');    
234    topBtn.hide();
235    //スクロールが100に達したらボタン表示
236    $(window).scroll(function () {
237        if ($(this).scrollTop() > 100) {
238            topBtn.fadeIn();
239        } else {
240            topBtn.fadeOut();
241        }
242    });
243    //スクロールしてトップ
244    topBtn.click(function () {
245        $('body,html').animate({
246            scrollTop: 0
247        }, 500);
248        return false;
249    });
250});
251
252</script>

252

253<script>var scroll = new SmoothScroll('a[href*="#"]');
254
255	</script>

255

256<script>
257	$(".hover").mouseleave(
258  function () {
259    $(this).removeClass("hover");
260  }
261);
262
263	</script>

263
264	

264<script>
265$(function(){
266flexibility(document.documentElement);
267});
268</script>

268
269
270	<div class="fakeloader"></div>
271	

271<script src="../js/fakeLoader.min.js"></script>

271	

272<script>
273            $(document).ready(function(){
274                $(".fakeloader").fakeLoader({
275                    timeToHide:1200,
276                    bgColor:"#fff",
277                    imagePath:"../images/7.gif" 
278                });
279            });
280        </script>

280
281	

281<script>
282$(function() {
283  $('.slider').on('init', function(event, slick) {
284    $(this).append('<div class="slick-counter"><span class="current"></span> - <span class="total"></span></div>');
285    $('.current').text(slick.currentSlide + 1);
286    $('.total').text(slick.slideCount);
287  })
288  .slick({
289    autoplay: true,
290      autoplaySpeed: 6000,
291      infinite: true,
292      arrows: true
293    })
294  .on('beforeChange', function(event, slick, currentSlide, nextSlide) {
295    $('.current').text(nextSlide + 1);
296  });
297}); 
298</script>

298
299<!--map-->
300	

300<script type="text/javascript">
301	var loadedGoogleMap = function(){
302		function initialize() {
303			var myLatlng = new google.maps.LatLng(34.716166,135.819887); //マーカーの位置（＝所在地）
304			
305			var styles = [
306				{
307					stylers: [
308						{ hue: "#7b4f9b" },
309						{ lightness: 0 },
310						{ saturation: -100 },
311						{ gamma: 1 },
312						{ invert_lightness: false},
313						{ visibility: "simplified"}
314					]
315				}
316			];
317			
318			var mapOptions = {
319				center: myLatlng,
320				zoom: 18,
321				styles: styles, //← 追加したコード
322			};
323			var map = new google.maps.Map(document.getElementById('maps'),mapOptions);
324			var marker = new google.maps.Marker({
325				position: myLatlng,
326				map: map,
327				title: 'うつわや悠々',
328				icon: '../../assets/images/about/icon_map.png'
329			});
330		}
331		
332		google.maps.event.addDomListener(window, 'load', initialize);
333	};
334</script>

334
335	 
336 

336<script async defer src="//maps.googleapis.com/maps/api/js?key=AIzaSyCLQjCMUwyfQWyHW9Dm_HrlwT73U2mhUlU&callback=loadedGoogleMap">
337	  </script>

337
338</body>
339</html>