<?php
/*パーツ：ヘッダー*/
?>
<!doctype html>
<html lang="ja" prefix="og: http://ogp.me/ns#">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HPNG7900LJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HPNG7900LJ');
</script>
<meta charset="utf-8">
<?php wp_head(); ?>
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="3Aクラフトワークス,3A CRAFT WORKS,外装,内装,店舗デザイン">
<meta name="format-detection" content="telephone=no">
<meta name="theme-color" content="#231815">
<link rel="icon" type="image/x-icon" href="<?php echo get_theme_file_uri('/img/favicons/favicon.ico'); ?>">
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo get_theme_file_uri('/img/favicons/apple-touch-icon-180x180.png'); ?>">
<link rel="icon" type="image/png" sizes="192x192" href="<?php echo get_theme_file_uri('/img/favicons/android-chrome-192x192.png'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo get_theme_file_uri('/css/opt.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo get_theme_file_uri('/css/common.css'); ?>">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lato:wght@400;700;900&family=Montserrat:wght@300;400;800&family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@500;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lato:wght@400;700;900&family=Montserrat:wght@300;400;800&family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@500;700&display=swap" media="print" onload="this.media='all'">
<noscript>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@500;700&display=swap">
</noscript>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="<?php echo get_theme_file_uri('/js/base.js'); ?>"></script>
<script>
	setTimeout(function() {
		document.getElementsByTagName("html")[0].classList.add("loading-delay");
	}, 1000);
</script>
<?php if (is_front_page()) : ?>
	<!--<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">-->
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/top.css">
<?php endif; ?>
<?php if (is_category()) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/news.css">
<?php endif; ?>
<?php if (is_post_type_archive( 'post' )) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/news.css">
<?php endif; ?>
<?php if (is_post_type_archive( 'works' )) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/works.css">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet">
<?php endif; ?>
<?php if (is_singular('post')) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/news.css">
<?php endif; ?>
<?php if (is_page(19)) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
    <link rel="stylesheet" href="/css/validationEngine.jquery.css">
    <link rel="stylesheet" href="/css/contact_base.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/contact.css">
<?php endif; ?>
<?php if (is_page(167)) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
    <link rel="stylesheet" href="/css/validationEngine.jquery.css">
    <link rel="stylesheet" href="/css/contact_base.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/contact.css">
<?php endif; ?>
<?php if (is_page(169)) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
    <link rel="stylesheet" href="/css/validationEngine.jquery.css">
    <link rel="stylesheet" href="/css/contact_base.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/contact.css">
<?php endif; ?>
<?php if (is_page(23)) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/contact.css">
<?php endif; ?>
<?php if (is_page(15)) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/about.css">
<?php endif; ?>
<?php if (is_page(13)) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/company.css">
<?php endif; ?>
<?php if (is_page(21)) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/privacy.css">
<?php endif; ?>
<?php if (is_404()) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sub.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/notfound.css">
<?php endif; ?>
</head>
<body>
<div id="wrapper">
<header>
  <div class="h_inner">
		<div class="left">
			<?php if (is_front_page()) : ?>
				<h1 class="logo"><a href="<?php echo home_url('/'); ?>"><img src="<?php echo get_theme_file_uri('/img/common/logo.svg'); ?>" alt="3Aクラフトワークス（3A CRAFT WORKS）"></a></h1>
			<?php else : ?>
				<div class="logo"><a href="<?php echo home_url('/'); ?>"><img src="<?php echo get_theme_file_uri('/img/common/logo.svg'); ?>" alt="3Aクラフトワークス（3A CRAFT WORKS）"></a></div>
			<?php endif; ?>
	    </div>
		<div class="right">
			<div class="global-nav">
				<ul class="global-nav_list">
					<li class="global-nav_item"><a href="<?php echo home_url('topics/'); ?>">news</a></li>
					<li class="global-nav_item"><a href="<?php echo home_url('company/'); ?>">company</a></li>
					<li class="global-nav_item"><a href="<?php echo home_url('about/'); ?>">about us</a></li>
					<li class="global-nav_item"><a href="<?php echo home_url('works/'); ?>">works</a></li>
					<li class="global-nav_item"><a href="<?php echo home_url('contact/'); ?>">contact</a></li>
				</ul>
			</div>
			<div class="toggleArea mobile_only02">
				<div class="hamburger toggle" id="js-hamburger">
					<span class="hamburger_line hamburger_line1"></span>
					<span class="hamburger_line hamburger_line2"></span>
					<span class="hamburger_line hamburger_line3"></span>
				</div>
			</div>
		</div>
	<ul class="fixBtn pc_only02">
		<li><a href="https://www.instagram.com/3a.craftworks/" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/img/common/insta_icon.svg" alt="instaguram"></a></li>
	</ul>	
  </div>
</header>
<main>