<!DOCTYPE html>
<html lang="ja">

<head>

	<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-81010815-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-81010815-1');
</script>

	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>LOKO GALLERY</title>
	<meta name="description" content="LOKO GALLERY">
	<meta name="keyword" content="LOKO GALLERY">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<link rel="manifest" href="site.webmanifest">
	<link rel="apple-touch-icon" href="icon.png">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/common.css">
	<link rel="stylesheet" media="screen and (max-width: 767px)"
		href="<?php echo get_template_directory_uri(); ?>/assets/css/sp.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/slick.css" />
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/photoswipe.css" />
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/default-skin.css" />

<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400&family=Noto+Serif+JP:wght@300&display=swap" rel="stylesheet">

<meta name="msapplication-square70x70logo" content="/favicon/site-tile-70x70.png">
<meta name="msapplication-square150x150logo" content="/favicon/site-tile-150x150.png">
<meta name="msapplication-wide310x150logo" content="/favicon/site-tile-310x150.png">
<meta name="msapplication-square310x310logo" content="/favicon/site-tile-310x310.png">
<meta name="msapplication-TileColor" content="#FFF">
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/favicon/favicon.ico">
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="36x36" href="/favicon/android-chrome-36x36.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon/android-chrome-48x48.png">
<link rel="icon" type="image/png" sizes="72x72" href="/favicon/android-chrome-72x72.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon/android-chrome-96x96.png">
<link rel="icon" type="image/png" sizes="128x128" href="/favicon/android-chrome-128x128.png">
<link rel="icon" type="image/png" sizes="144x144" href="/favicon/android-chrome-144x144.png">
<link rel="icon" type="image/png" sizes="152x152" href="/favicon/android-chrome-152x152.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="256x256" href="/favicon/android-chrome-256x256.png">
<link rel="icon" type="image/png" sizes="384x384" href="/favicon/android-chrome-384x384.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicon/android-chrome-512x512.png">
<link rel="icon" type="image/png" sizes="36x36" href="/favicon/icon-36x36.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon/icon-48x48.png">
<link rel="icon" type="image/png" sizes="72x72" href="/favicon/icon-72x72.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon/icon-96x96.png">
<link rel="icon" type="image/png" sizes="128x128" href="/favicon/icon-128x128.png">
<link rel="icon" type="image/png" sizes="144x144" href="/favicon/icon-144x144.png">
<link rel="icon" type="image/png" sizes="152x152" href="/favicon/icon-152x152.png">
<link rel="icon" type="image/png" sizes="160x160" href="/favicon/icon-160x160.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon/icon-192x192.png">
<link rel="icon" type="image/png" sizes="196x196" href="/favicon/icon-196x196.png">
<link rel="icon" type="image/png" sizes="256x256" href="/favicon/icon-256x256.png">
<link rel="icon" type="image/png" sizes="384x384" href="/favicon/icon-384x384.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicon/icon-512x512.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/icon-16x16.png">
<link rel="icon" type="image/png" sizes="24x24" href="/favicon/icon-24x24.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/icon-32x32.png">
<link rel="manifest" href="/favicon/manifest.json">

		<?php
$query = new WP_Query(
  array(
    'post_type' => 'exhibitions',
    'posts_per_page' => 1,
  )
);
?><?php if ( $query->have_posts() ) : ?>
		<?php while ( $query->have_posts() ) : ?>
		<?php $query->the_post(); ?>
		<?php if( have_rows('slider') ): ?>
			<?php  while ( have_rows('slider') ) : the_row();
    		$image = get_sub_field('img'); ?>
			<?php if( $image ): ?>
			 <link rel="preload" href="<?php echo $image['sizes']['large']; ?>" as="image" >
			<?php endif; ?>
			<?php endwhile;?>
		<?php else :?>
			<?php if (has_post_thumbnail()) : ?>
			<link rel="preload" href="<?php the_post_thumbnail_url( 'large' ); ?>" as="image" >
			<?php endif; ?>
		<?php endif; ?>
<?php endwhile;?>
<?php endif; ?>
	<?php wp_head(); ?>

	<script>
		window.lazySizesConfig = window.lazySizesConfig || {};
		window.lazySizesConfig.preloadAfterLoad = true;
		window.lazySizesConfig.expand = 500
	</script>
</head>

<body <?php body_class(); ?>>

			<div class="drawer">
				<span class="top"></span>
				<span class="bottom"></span>
			</div>

	<div class="drawer_nav">
				<ul>
					<?php if(is_home()): ?>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>archives/news">NEWS</a></li>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>#concept">CONCEPT</a></li>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>archives/exhibitions">EXHIBITIONS</a></li>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>archives/projects">PROJECTS</a></li>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>archives/artists">ARTISTS</a></li>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>#access">ACCESS</a></li>
					<li><a href="https://www.artsy.net/loko-gallery" target="_blank">ARTSY</a></li>
					<?php else: ?>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>">HOME</a></li>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>archives/news">NEWS</a></li>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>#concept">CONCEPT</a></li>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>archives/exhibitions">EXHIBITIONS</a></li>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>archives/projects">PROJECTS</a></li>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>archives/artists">ARTISTS</a></li>
					<li><a href="<?php echo esc_url( home_url( '/' ) );?>#access">ACCESS</a></li>
					<li><a href="https://www.artsy.net/loko-gallery" target="_blank">ARTSY</a></li>
					<?php endif; ?>
				</ul>
				<div class="sns">
		<a href="https://www.facebook.com/lokogallery/" target="_blank" class="fb"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/sns_fb.svg"></a>
		<a href="https://twitter.com/lokogallery" target="_blank" class="tw"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/sns_tw.svg"></a>
		<a href="https://www.instagram.com/lokogallery/" target="_blank" class="ig"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/sns_ig.svg"></a>
		<a href="https://www.artsy.net/loko-gallery" target="_blank" class="at"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/sns_at.svg"></a>
	</div>
					</div>

						<div id="page" class="site">
		<header id="header">
			<h1 class="main_logo"><a href="<?php echo esc_url( home_url( '/' ) );?>"><img
						src="<?php echo get_template_directory_uri(); ?>/assets/img/loko-logo.svg"
						alt="LOKO GALLERY"></a></h1>

			<nav class="header_nav">
				<ul>
					<?php if(is_home()): ?>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/archives/news" class="inview">NEWS</a></li>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/#concept" class="inview">CONCEPT</a></li>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/archives/exhibitions" class="inview">EXHIBITIONS</a></li>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/archives/projects" class="inview">PROJECTS</a></li>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/archives/artists" class="inview">ARTISTS</a></li>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/#access" class="inview">ACCESS</a></li>
					<li><a href="https://www.artsy.net/loko-gallery" target="_blank" class="inview">ARTSY</a></li>
					<?php else: ?>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/" class="inview">HOME</a></li>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/archives/news" class="inview">NEWS</a></li>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/#concept" class="inview">CONCEPT</a></li>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/archives/exhibitions" class="inview">EXHIBITIONS</a></li>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/archives/projects" class="inview">PROJECTS</a></li>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/archives/artists" class="inview">ARTISTS</a></li>
					<li><a href="<?php echo esc_url( home_url( '' ) );?>/#access" class="inview">ACCESS</a></li>
					<li><a href="https://www.artsy.net/loko-gallery" target="_blank" class="inview">ARTSY</a></li>
					<?php endif; ?>
				</ul>
			</nav>
			<?php $current_url = $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>

			<div class="lang">
						<?php do_action('wpml_add_language_selector');?>
						<!--<a href="?php echo qtranxf_convertURL($current_url, 'ja', '', true);?>" hreflang="ja" title="日本語" class="?php if(qtranxf_getLanguage()=='ja'): ?>selected?php endif; ?>">JP</a>
                <a href="?php echo qtranxf_convertURL($current_url, 'en','',  true);?>" hreflang="en" title="English" class="?php if(qtranxf_getLanguage()=='en'): ?>selected?php endif; ?>">EN</a>--></div>

		</header>