<!-- 𝐇𝐄𝐀𝐃 & 𝐇𝐄𝐀𝐃𝐄𝐑 -->
<!DOCTYPE html>
<html lang="ja">

<head>
<!-- ★タグスペース -->


<!-- charset, iPhoneの自動認識機能OFF -->
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no,email=no,address=no">
<meta name="theme-color" content="#2A417E">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<!-- ★favicon (https://favicon.io/) -->
<link rel="apple-touch-icon" sizes="180x180" href="https://web-naoshiya.com/wp-content/themes/zaratan/commons/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://web-naoshiya.com/wp-content/themes/zaratan/commons/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://web-naoshiya.com/wp-content/themes/zaratan/commons/favicon/favicon-16x16.png">
<link rel="manifest" href="https://web-naoshiya.com/wp-content/themes/zaratan/commons/favicon/site.webmanifest">




<!-- chassis-scaling.php（縮小表示用のスケーリング処理） -->
<!-- viewport & --chassis-scale を同期確定（CLS対策） -->
<script>
(function() {
  var screenWidth = window.screen.width;
  var existingMetaTag = document.querySelector('meta[name="viewport"]');
  var newContent;

  //段階1: viewport 設定
  if (screenWidth < 412) {
    newContent = "width=412";
  } else if (screenWidth < 744) {
    newContent = "width=device-width, initial-scale=1.0";
  } else if (screenWidth < 1366) {
    newContent = "width=1366";
  } else {
    newContent = "width=device-width, initial-scale=1.0";
  }
  if (existingMetaTag) {
    existingMetaTag.content = newContent;
  }
})();
</script>



<style>
/* 𝐂𝐇𝐀𝐒𝐒𝐈𝐒（総囲い／スケーリング設定）
────────────── ༚༶⊰⟡⊱༶༚༺ */
:root {
  /* 1zvw = chassis論理幅の1/100 */
  --zvw: calc((100vw - var(--scrollbar-width, 0px)) / var(--chassis-scale, 1) / 100);
}

.chassis {
  position: relative;
  width: 100%;
  height: auto;
  min-height: min(100dvh, 100vh);
  overflow: clip;
}

/* 小型スマホ：412px縮小版 */
@media screen and (max-width: 411.9px) {
  .chassis {
    min-width: 412px;
    zoom: var(--chassis-scale, 1);
  }
}

/* 通常スマホ：レスポンシブ */
@media (min-width: 412px) and (max-width: 743.9px) {
  .chassis {
    width: 100%;
  }
}

/* タブレットと小型PC：1366px縮小版 */
@media (min-width: 744px) and (max-width: 1365.9px) {
  .chassis {
    min-width: 1366px;
    zoom: var(--chassis-scale, 1);
  }
}

/* PC：レスポンシブ */
@media print,
screen and (min-width: 1366px) {
  .chassis {
    width: 100%;
  }
}

/* chassis::after：オーバーレイ（読み込み直後のヘッダーの切り替わりや FOUT を隠すホワイトイン） */
.chassis::after {
  content: "";
  position: fixed;
  z-index: 20000;
  inset: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: min(100dvh, 100vh);
  background: var(--c-base, hsl(224, 6%, 100%));
  pointer-events: none;
  zoom: calc(1 / var(--chassis-scale, 1));
	/* trans: property | duration | easing | delay */
	transition: opacity 1s var(--ease-out-cubic, ease-out);
}

/* .is-loaded（『FireShot』等用のフォールバック） */
.chassis.is-loaded::after {
	opacity: 0;
}

/* .overload（遷移ホワイトアウト用） */
.overload {
  position: fixed;
  z-index: 20000;
  inset: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: min(100dvh, 100vh);
  background: var(--c-base, hsl(224, 6%, 100%));
  pointer-events: none;
  opacity: 0;
}

.overload:where(.is-whiteOut) {
  opacity: 1;
  transition: opacity 0.7s;
}

/* 印刷時は、オーバーレイを非表示 */
@media print {

	.chassis::after,
	.overload {
		display: none;
	}
}
</style>




<script>
(function() {
  //段階2: --chassis-scale 暫定値（スクロールバー幅は未確定なので innerWidth で概算）
  var vw0 = window.innerWidth;
  if (vw0 < 412) {
    document.documentElement.style.setProperty('--chassis-scale', vw0 / 412);
  } else if (vw0 >= 744 && vw0 < 1366) {
    document.documentElement.style.setProperty('--chassis-scale', vw0 / 1366);
  }

   //段階3: DOMContentLoaded でスクロールバー幅を含めた精密値に補正
  function refineScale() {
    var scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
    var vw = window.innerWidth - scrollbarWidth;
    if (vw < 412) {
      document.documentElement.style.setProperty('--chassis-scale', vw / 412);
      document.documentElement.style.removeProperty('--scrollbar-width');
    } else if (vw >= 744 && vw < 1366) {
      document.documentElement.style.setProperty('--chassis-scale', vw / 1366);
      document.documentElement.style.setProperty('--scrollbar-width', scrollbarWidth + 'px');
    } else {
      // レスポンシブ範囲：古いscale値をリセット
      document.documentElement.style.removeProperty('--chassis-scale');
      document.documentElement.style.removeProperty('--scrollbar-width');
    }
  }

  refineScale();
  document.addEventListener('DOMContentLoaded', refineScale);

  // debounce：リサイズ完了後 150ms で処理
  var resizeTimer = null;
  window.addEventListener('resize', function() {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(refineScale, 150);
  });
})();
</script>


<!-- plugin-handles.php（プラグインCSS/JS管理／wp_head() より前） -->

<!-- metatags.php（title・description・OGP・Xカード／wp_head() より前） -->




<!-- ▼wp_head（※これは絶対消さないこと） -->
<title>ページが見つかりませんでした | WEB直し屋</title>
<meta name='robots' content='noindex, nofollow' />
<!-- ✿metatags.php（description・OGP・Xカード） -->
<meta property="og:locale" content="ja_JP">
<meta property="og:site_name" content="WEB直し屋">
<meta property="og:type" content="website">
<meta property="og:title" content="ページが見つかりませんでした | WEB直し屋">
<meta property="og:image" content="https://web-naoshiya.com/assets/images/ogImage.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ページが見つかりませんでした | WEB直し屋">
<meta name="twitter:image" content="https://web-naoshiya.com/assets/images/ogImage.jpg">
<!-- ///metatags.php -->
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
 
<link rel='stylesheet' id='vkExUnit_common_style-css' href='https://web-naoshiya.com/wp-content/plugins/vk-all-in-one-expansion-unit/assets/css/vkExUnit_style.css' media='all' />
<style id="vkExUnit_common_style-inline-css">
:root {--veu_page_top_button_url:url(https://web-naoshiya.com/wp-content/plugins/vk-all-in-one-expansion-unit/assets/images/to-top-btn-icon.svg);}@font-face {font-weight: normal;font-style: normal;font-family: "vk_sns";src: url("https://web-naoshiya.com/wp-content/plugins/vk-all-in-one-expansion-unit/inc/sns/icons/fonts/vk_sns.eot?-bq20cj");src: url("https://web-naoshiya.com/wp-content/plugins/vk-all-in-one-expansion-unit/inc/sns/icons/fonts/vk_sns.eot?#iefix-bq20cj") format("embedded-opentype"),url("https://web-naoshiya.com/wp-content/plugins/vk-all-in-one-expansion-unit/inc/sns/icons/fonts/vk_sns.woff?-bq20cj") format("woff"),url("https://web-naoshiya.com/wp-content/plugins/vk-all-in-one-expansion-unit/inc/sns/icons/fonts/vk_sns.ttf?-bq20cj") format("truetype"),url("https://web-naoshiya.com/wp-content/plugins/vk-all-in-one-expansion-unit/inc/sns/icons/fonts/vk_sns.svg?-bq20cj#vk_sns") format("svg");}
/*# sourceURL=vkExUnit_common_style-inline-css */
</style>
<style id="category-color-picker-frontend-inline-css">
/* Category Colors CSS */
:root {
  --ccp-color-404: #c9cbcf;
  --ccp-contrast-404: #1F2023;
  --ccp-color-ai-webcoding: #6251d4;
  --ccp-contrast-ai-webcoding: #FFFFFF;
  --ccp-color-aicoding: #cb4d32;
  --ccp-contrast-aicoding: #FFFFFF;
  --ccp-color-html-css: #d7411b;
  --ccp-contrast-html-css: #FFFFFF;
  --ccp-color-javascript: #ffff00;
  --ccp-contrast-javascript: #1F2023;
  --ccp-color-noindex: #f4f5f5;
  --ccp-contrast-noindex: #1F2023;
  --ccp-color-textedit: #aa0013;
  --ccp-contrast-textedit: #FFFFFF;
  --ccp-color-php-wordpress: #1c678b;
  --ccp-contrast-php-wordpress: #FFFFFF;
  --ccp-color-analytic: #046000;
  --ccp-contrast-analytic: #FFFFFF;
  --ccp-color-gallery: #4040bf;
  --ccp-contrast-gallery: #FFFFFF;
  --ccp-color-develop-env: #1a7fa4;
  --ccp-contrast-develop-env: #FFFFFF;
  --ccp-color-inform: #002a7b;
  --ccp-contrast-inform: #FFFFFF;
  --ccp-color-application: #c100bb;
  --ccp-contrast-application: #FFFFFF;
  --ccp-color-backend: #6673ac;
  --ccp-contrast-backend: #FFFFFF;
  --ccp-color-tool: #f6ad0e;
  --ccp-contrast-tool: #1F2023;
  --ccp-color-mediaedit: #0f0f6b;
  --ccp-contrast-mediaedit: #FFFFFF;
  --ccp-color-special: #cb0123;
  --ccp-contrast-special: #FFFFFF;
  --ccp-color-attent: #db336e;
  --ccp-contrast-attent: #FFFFFF;
  --ccp-color-hidden: #d4d5d9;
  --ccp-contrast-hidden: #1F2023;
}

.post-meta-fields [rel*="tag"][href*="category/"],
.su-post-meta-fields [rel*="tag"][href*="category/"],
.veu_postList ul.postList .postList_terms a[href*="category/"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/"] {
    background: hsla(0, 0%, 96%, 1);
    color: var(--c-gray-600, hsl(224, 6%, 43%));
}

.post-meta-fields [rel*="tag"][href*="category/404"],
.su-post-meta-fields [rel*="tag"][href*="category/404"],
.veu_postList ul.postList .postList_terms a[href*="category/404"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/404"] {
    background: #c9cbcf !important;
    color: var(--c-base-900, hsl(224, 6%, 13%)) !important;
}

.post-meta-fields [rel*="tag"][href*="category/ai-webcoding"],
.su-post-meta-fields [rel*="tag"][href*="category/ai-webcoding"],
.veu_postList ul.postList .postList_terms a[href*="category/ai-webcoding"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/ai-webcoding"] {
    background: #6251d4 !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/aicoding"],
.su-post-meta-fields [rel*="tag"][href*="category/aicoding"],
.veu_postList ul.postList .postList_terms a[href*="category/aicoding"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/aicoding"] {
    background: #cb4d32 !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/html-css"],
.su-post-meta-fields [rel*="tag"][href*="category/html-css"],
.veu_postList ul.postList .postList_terms a[href*="category/html-css"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/html-css"] {
    background: #d7411b !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/javascript"],
.su-post-meta-fields [rel*="tag"][href*="category/javascript"],
.veu_postList ul.postList .postList_terms a[href*="category/javascript"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/javascript"] {
    background: #ffff00 !important;
    color: var(--c-base-900, hsl(224, 6%, 13%)) !important;
}

.post-meta-fields [rel*="tag"][href*="category/noindex"],
.su-post-meta-fields [rel*="tag"][href*="category/noindex"],
.veu_postList ul.postList .postList_terms a[href*="category/noindex"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/noindex"] {
    background: #f4f5f5 !important;
    color: var(--c-base-900, hsl(224, 6%, 13%)) !important;
}

.post-meta-fields [rel*="tag"][href*="category/textedit"],
.su-post-meta-fields [rel*="tag"][href*="category/textedit"],
.veu_postList ul.postList .postList_terms a[href*="category/textedit"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/textedit"] {
    background: #aa0013 !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/php-wordpress"],
.su-post-meta-fields [rel*="tag"][href*="category/php-wordpress"],
.veu_postList ul.postList .postList_terms a[href*="category/php-wordpress"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/php-wordpress"] {
    background: #1c678b !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/analytic"],
.su-post-meta-fields [rel*="tag"][href*="category/analytic"],
.veu_postList ul.postList .postList_terms a[href*="category/analytic"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/analytic"] {
    background: #046000 !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/gallery"],
.su-post-meta-fields [rel*="tag"][href*="category/gallery"],
.veu_postList ul.postList .postList_terms a[href*="category/gallery"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/gallery"] {
    background: #4040bf !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/develop-env"],
.su-post-meta-fields [rel*="tag"][href*="category/develop-env"],
.veu_postList ul.postList .postList_terms a[href*="category/develop-env"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/develop-env"] {
    background: #1a7fa4 !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/inform"],
.su-post-meta-fields [rel*="tag"][href*="category/inform"],
.veu_postList ul.postList .postList_terms a[href*="category/inform"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/inform"] {
    background: #002a7b !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/application"],
.su-post-meta-fields [rel*="tag"][href*="category/application"],
.veu_postList ul.postList .postList_terms a[href*="category/application"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/application"] {
    background: #c100bb !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/backend"],
.su-post-meta-fields [rel*="tag"][href*="category/backend"],
.veu_postList ul.postList .postList_terms a[href*="category/backend"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/backend"] {
    background: #6673ac !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/tool"],
.su-post-meta-fields [rel*="tag"][href*="category/tool"],
.veu_postList ul.postList .postList_terms a[href*="category/tool"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/tool"] {
    background: #f6ad0e !important;
    color: var(--c-base-900, hsl(224, 6%, 13%)) !important;
}

.post-meta-fields [rel*="tag"][href*="category/mediaedit"],
.su-post-meta-fields [rel*="tag"][href*="category/mediaedit"],
.veu_postList ul.postList .postList_terms a[href*="category/mediaedit"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/mediaedit"] {
    background: #0f0f6b !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/special"],
.su-post-meta-fields [rel*="tag"][href*="category/special"],
.veu_postList ul.postList .postList_terms a[href*="category/special"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/special"] {
    background: #cb0123 !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/attent"],
.su-post-meta-fields [rel*="tag"][href*="category/attent"],
.veu_postList ul.postList .postList_terms a[href*="category/attent"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/attent"] {
    background: #db336e !important;
    color: #FFF !important;
}

.post-meta-fields [rel*="tag"][href*="category/hidden"],
.su-post-meta-fields [rel*="tag"][href*="category/hidden"],
.veu_postList ul.postList .postList_terms a[href*="category/hidden"],
.pt-cv-wrapper .pt-cv-view [class*="pt-cv-tax"][href*="category/hidden"] {
    background: #d4d5d9 !important;
    color: var(--c-base-900, hsl(224, 6%, 13%)) !important;
}


/*# sourceURL=category-color-picker-frontend-inline-css */
</style>
<script id="category-color-picker-vars-js-after">
/* Category Colors JS */
window.CCPColors = {"404":{"color":"#c9cbcf","contrast":"#1F2023"},"ai-webcoding":{"color":"#6251d4","contrast":"#FFFFFF"},"aicoding":{"color":"#cb4d32","contrast":"#FFFFFF"},"html-css":{"color":"#d7411b","contrast":"#FFFFFF"},"javascript":{"color":"#ffff00","contrast":"#1F2023"},"noindex":{"color":"#f4f5f5","contrast":"#1F2023"},"textedit":{"color":"#aa0013","contrast":"#FFFFFF"},"php-wordpress":{"color":"#1c678b","contrast":"#FFFFFF"},"analytic":{"color":"#046000","contrast":"#FFFFFF"},"gallery":{"color":"#4040bf","contrast":"#FFFFFF"},"develop-env":{"color":"#1a7fa4","contrast":"#FFFFFF"},"inform":{"color":"#002a7b","contrast":"#FFFFFF"},"application":{"color":"#c100bb","contrast":"#FFFFFF"},"backend":{"color":"#6673ac","contrast":"#FFFFFF"},"tool":{"color":"#f6ad0e","contrast":"#1F2023"},"mediaedit":{"color":"#0f0f6b","contrast":"#FFFFFF"},"special":{"color":"#cb0123","contrast":"#FFFFFF"},"attent":{"color":"#db336e","contrast":"#FFFFFF"},"hidden":{"color":"#d4d5d9","contrast":"#1F2023"}};
window.__ccp_color_ai_webcoding = "#6251d4"; window.__ccp_contrast_ai_webcoding = "#FFFFFF";
window.__ccp_color_aicoding = "#cb4d32"; window.__ccp_contrast_aicoding = "#FFFFFF";
window.__ccp_color_html_css = "#d7411b"; window.__ccp_contrast_html_css = "#FFFFFF";
window.__ccp_color_javascript = "#ffff00"; window.__ccp_contrast_javascript = "#1F2023";
window.__ccp_color_noindex = "#f4f5f5"; window.__ccp_contrast_noindex = "#1F2023";
window.__ccp_color_textedit = "#aa0013"; window.__ccp_contrast_textedit = "#FFFFFF";
window.__ccp_color_php_wordpress = "#1c678b"; window.__ccp_contrast_php_wordpress = "#FFFFFF";
window.__ccp_color_analytic = "#046000"; window.__ccp_contrast_analytic = "#FFFFFF";
window.__ccp_color_gallery = "#4040bf"; window.__ccp_contrast_gallery = "#FFFFFF";
window.__ccp_color_develop_env = "#1a7fa4"; window.__ccp_contrast_develop_env = "#FFFFFF";
window.__ccp_color_inform = "#002a7b"; window.__ccp_contrast_inform = "#FFFFFF";
window.__ccp_color_application = "#c100bb"; window.__ccp_contrast_application = "#FFFFFF";
window.__ccp_color_backend = "#6673ac"; window.__ccp_contrast_backend = "#FFFFFF";
window.__ccp_color_tool = "#f6ad0e"; window.__ccp_contrast_tool = "#1F2023";
window.__ccp_color_mediaedit = "#0f0f6b"; window.__ccp_contrast_mediaedit = "#FFFFFF";
window.__ccp_color_special = "#cb0123"; window.__ccp_contrast_special = "#FFFFFF";
window.__ccp_color_attent = "#db336e"; window.__ccp_contrast_attent = "#FFFFFF";
window.__ccp_color_hidden = "#d4d5d9"; window.__ccp_contrast_hidden = "#1F2023";

//# sourceURL=category-color-picker-vars-js-after
</script>
<link rel="https://api.w.org/" href="https://web-naoshiya.com/wp-json/" /><meta name="generator" content="WordPress 7.1.4" />
<style>
/* Html */ html:has(#wpadminbar) { margin-top: 0px !important; }
/* Body */ body.wp-admin { background:hsl(51,34%,84%); }
/* Wrap */ .wp-admin :is(#wpbody-content, #adminmenuwrap) { transition: 0.3s ease; padding-top:33px; }
.wp-admin:is(.is-rolldown, .is-rollup) :is(#wpbody-content, #adminmenuwrap) { padding-top:0px; }
/* Right Menu */ #templateside>ul { background:hsl(51,34%,88%); }
/* AdminMenu */ #adminmenuback,#adminmenuwrap,#adminmenu { background:hsl(253,5%,23%); }
/* Submenu */
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus+.wp-submenu,
#adminmenu li.menu-top:hover,
#adminmenu li.opensub>a.menu-top,
#adminmenu li>a.menu-top:focus { 
background:hsl(253,5%,13%); }
/* AdminBar */
#wpadminbar { transition: all 0.5s var(--ease-out-cubic, ease-out);
transform:translateY(0px);
background:linear-gradient( var(--c-primary-500, hsl(224,50%,53%)), var(--c-primary-700, hsl(224,50%,33%)) ); opacity:1; }
#wpadminbar:not(.wp-admin *):not(:has(:hover)) { transform:translateY(-24px); background:transparent; opacity:0.3; }
#wpadminbar:not(.wp-admin *):not(:has(:hover))::before {
content:""; position: fixed;
top:24px; left:0%; right:0%; margin:auto;
width:100%; height:4px;
background:linear-gradient( var(--c-primary-500, hsl(224,50%,53%)), var(--c-primary-700, hsl(224,50%,33%)) ); }
#wp-toolbar { display:flex; }
#wpadminbar ul#wp-admin-bar-root-default { display:flex; flex-grow:1; }
#wpadminbar:not(.wp-admin *):not(:has(:hover)) ul#wp-admin-bar-root-default>li,
#wpadminbar:not(.wp-admin *):not(:has(:hover)) ul#wp-admin-bar-top-secondary { 
transition: all 0.5s var(--ease-out-cubic, ease-out); opacity:0; }
#wpadminbar #wp-admin-bar-site-name a.ab-item { padding-inline:6px 1rem; }
/* Secondary */
#wpadminbar ul#wp-admin-bar-top-secondary { 
box-shadow:0 0 0 2px hsl(41,93%,69%) inset; border-radius:5px 0px 5px 0px; }
#wpadminbar ul#wp-admin-bar-top-secondary:hover { box-shadow:none; }
#wpadminbar ul#wp-admin-bar-top-secondary,
#wpadminbar .ab-top-menu>li.hover>.ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
background: var(--c-accent-500, hsl(12, 78%, 53%)); color: #FFFFFF; opacity: 1; }
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover .ab-item:before { color: #FFFFFF; }
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,
#wpadminbar .quicklinks .menupop ul li a:focus,
#wpadminbar .quicklinks .menupop ul li a:focus strong,
#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:hover strong,
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus,
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover,
#wpadminbar li #adminbarsearch.adminbar-focused:before,
#wpadminbar li .ab-item:focus .ab-icon:before,
#wpadminbar li .ab-item:focus:before,
#wpadminbar li a:focus .ab-icon:before,
#wpadminbar li.hover .ab-icon:before,
#wpadminbar li.hover .ab-item:before,
#wpadminbar li:hover #adminbarsearch:before,
#wpadminbar li:hover .ab-icon:before,
#wpadminbar li:hover .ab-item:before,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,
#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label,
#wpadminbar>#wp-toolbar li.hover span.ab-label { color: #FFFFFF; }
/* 非表示 */
.wp-pointer { display:none!important; }
/* Noindex設定中 */
#wp-admin-bar-noindex_warning { margin-left:auto!important; margin-right:2px!important; }
#wp-admin-bar-noindex_warning .ab-item { background:hsl(41,93%,58%)!important; color:var(--c-caution,hsl(13,99%,43%))!important; font-weight:500!important; }
/* 送信先メールアドレス(To:)を表示 */
#wp-admin-bar-mail_recipient { 
display:none; }
.wp-admin #wp-admin-bar-mail_recipient { 
position:absolute !important;
z-index:10 !important;
top:32px; left:0px;
display:block;
width:100%;
height:auto !important;
background: linear-gradient(to right,hsla(224,6%,13%,0.7) 90%,hsla(224,6%,13%,0.35) 96%,transparent 100%)!important;
pointer-events:none; }
.wp-admin #wp-admin-bar-mail_recipient .ab-item { 
display:grid; 
grid-template-rows: 1fr; padding-block: 4px 8px;
transition: 0.3s grid-template-rows ease;
height:auto !important;
color:#FFFFFF;
white-space:nowrap; }
.wp-admin:is(.is-rolldown, .is-rollup) #wp-admin-bar-mail_recipient .ab-item { 
grid-template-rows: 0fr; padding-block: 0; }
.wp-admin #wp-admin-bar-mail_recipient .ab-inner { 
display: flex;
align-items: start;
line-height: 1.6; }
.wp-admin #wp-admin-bar-mail_recipient .ab-inner:before { 
display:inline-flex;
justify-content:center;
align-items:center;
height: 1em;
margin-right: 9px;
font-size:160%;
/* Material Symbols */
font-family:"Material Symbols Sharp";
font-variation-settings:"FILL" 1, "wght" 300;
content:"\f187"; }
/* VK EXUnit */
.vk_admin_page input[type=text] { width: 100%; }
</style><style>
#wpadminbar #wp-admin-bar-wp-logo>.ab-item,
#wpadminbar #wp-admin-bar-site-name>.ab-item .site-icon { display:none !important; }
#wpadminbar #wp-admin-bar-site-name.has-site-icon>.ab-item::before { 
content:"";
display:inline-block; width:28px; height:28px; top:0px;
background: #f0f0f1 no-repeat center/contain;
background-image: url("https://web-naoshiya.com/wp-content/themes/zaratan/commons/favicon/favicon-32x32.png") !important;
}
</style><style>
.wp-admin #wpadminbar #wp-admin-bar-site-name>a.ab-item::after { 
content:"(https://web-naoshiya.com)";
font-size: 85%;
margin-left: 0.5em; }
</style>



<!-- structured-data.php（Canonical, 構造化データ） -->
<!-- ✿SEO：① canonical タグ -->








<!-- ✿SEO：④ BreadcrumbList（TOPページ・404・検索結果以外）※画面のパンくず（breadcrumb.php）と同じ内容にする -->




<!-- ✿SEO：⑤ WebApplication + FAQPage（ツールページ：カスタムフィールド駆動） -->




<!-- ▼Aboved Styles and Scripts：CSS, JS -->
<link rel="dns-prefetch" href="https://web-naoshiya.com">
<link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/css/_cosmetics/style-foundations.min.css?ver=1793080174" />
<!-- critical.min.css：今は中身が空なので読み込まない（書いたら戻す） -->
<!-- <link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/css/critical.min.css?ver=1793080162" /> -->
<link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/commons/css/common-runes.css?ver=1793080169" />
<!-- 
༻༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶❀༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶༺
▼Aboved Styles And Scripts
༻༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶❀༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶༺ -->

<!-- ✿Prefetch, Preload
  ※preconnect は4つ以下にする（PageSpeed Insights の警告）
  ※ajax.googleapis.com・cdnjs は dns-prefetch だけ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://unpkg.com" crossorigin>
<link rel="dns-prefetch" href="https://unpkg.com">
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
<link rel="dns-prefetch" href="https://ajax.googleapis.com">
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">




<!-- ✿CSS（First View）
────────────── ༚༶⊰⟡⊱༶༚༺ -->

<!-- Reset, Primer, FrameWork -->
<link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/css/_cosmetics/style-color-palette1.min.css?ver=1793080174" />
<link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/css/_cosmetics/style-color-palette2.min.css?ver=1793080174" />
<link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/css/_cosmetics/style-components.min.css?ver=1793080174" />
<link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/css/_cosmetics/style-utilities.min.css?ver=1793080175" />

<!-- font：'wdth', 'XTRA'（0 Width） / 'YTLC'（Lowercase Height） -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XTRA,YTFI,YTLC,YTUC@8..144,25..151,300..900,323..603,738,416..570,528..760&display=swap" />

<!-- font：Icon -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:wght,FILL@100..700,0..1" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-material-symbols@1.0.0/material-symbols.min.css" media="print" onload='this.media="all"' />

<!-- font：Yakuhan, Number -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist/css/yakuhanjp.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-roboto-numeric@1.0.6/font-face.adjusted.css" />

<!-- font：Gothic -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300..900&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300..700&display=swap" />

<!-- scrollin, hoverllin, textillin：CSS（ふわっとフェードイン） -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/lib-scrollin@1.3.0/scrollin.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/lib-hoverllin@1.2.0/hoverllin.min.css" media="print" onload='this.media="all"' />
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/lib-textillin@3.0.0/textillin.min.css" media="print" onload='this.media="all"' /> -->
<!-- clickdion-hoverdion：CSS（アコーディオン） -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/clickdion-hoverdion@3.1.0/clickdion-hoverdion.min.css" />




<!-- ✿JS（First View）
────────────── ༚༶⊰⟡⊱༶༚༺ -->
<!-- 基盤ライブラリ -->
<!-- jQuery：公開側はここだけで読み込む（WP 本体の jquery は functions.php で中身のないハンドルに置き換え済み）※WP本体・プラグイン等が使うので、defer にしない -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<!-- anime.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.2/anime.min.js" defer></script>
<!-- response-lazy：JS ※DOMContentLoaded で動くので defer -->
<script src="https://cdn.jsdelivr.net/npm/@sarap422/response-lazy@0.10.5/response.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/@sarap422/response-lazy@0.10.5/response-lazy.min.js" defer></script>
<!-- scrollin, textillin：JS（ふわっとフェードイン）※DOMContentLoaded で動くので defer -->
<script src="https://cdn.jsdelivr.net/npm/@sarap422/lib-scrollin@1.3.0/scrollin.min.js" defer></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/@sarap422/lib-textillin@3.0.0/textillin.min.js" defer></script> -->

<!-- clickdion-hoverdion：JS（アコーディオン）※DOMContentLoaded で動くので defer -->
<script src="https://cdn.jsdelivr.net/npm/@sarap422/clickdion-hoverdion@3.1.0/clickdion-hoverdion.min.js" defer></script>

<!-- enchants.js（レイアウト関連）※DOMContentLoaded で動くので defer -->
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_instyle-anchor.js?ver=1793080178" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_setStyles-breakpoint.js?ver=1793080178" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_style-contrastColor.js?ver=1793080179" defer></script>
<!-- device.js（≺body≻にデバイス別クラス付与）※type="module"必須 -->
<script type="module" src="https://unpkg.com/@sarap422/js-device@0.10.2/device.min.js"></script>




<!-- ▼スラッグを取得して、pg-スラッグ名.css を追加する -->


<!-- ▼Specific Styles and Scripts：CSS, JS（ページ別） -->
  <!-- ❖404ページ -->
  <link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/css/_layouts/ly-404.css?ver=1793080175" />

<!-- ///▲固定ページ/その他のページ --><!-- ///▲CSS：ページ別 -->
</head>




<script>var $_SESSION_ext_source = "Direct";</script>
<!-- ▼body（IDにスラッグを割り当て、body_classに任意のクラスを追加） -->

<body id='error-404' class="error404 wp-theme-zaratan zaratan" data-responsejs='{"create": [
{ "prop":"width", "prefix":"src", "mode":"src", "breakpoints":[0,440,744,768,960,1200] },
{ "prop":"width", "prefix":"r", "mode":"markup", "breakpoints":[0,440,744,768,960,1200] }
]}'>
<!-- ★タグスペース -->
<!-- ▼chassis（総囲い：bodyの下に背景作るjs等あるので別で囲む） -->
<div class="chassis chassis4efA">
  <!-- ★ホワイトアウト --><div class="overload overload4efA"></div>
  <!-- ❖ローディングスピナー -->
  <!-- <¿php $_f = do_shortcode('[root_themepath]') . '/parts/loading/divergence-spinner.php'; if (file_exists($_f)) include $_f; ?> --><!-- ✿header4efA.php（2row__3col） -->
<link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/css/_layouts/ly-header4efA.css?ver=1793080175" />




<!-- .heaven（ヘッダーの上） -->
<div class="heaven4efA fxd-row jc-end d-none_sp">
  <style>
/* CSS：.heavenmenu
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* .heavenmenu */
.heavenmenu-container {
	z-index: 600;
	display: flex;
	/* padding: 左  右 */
	padding-inline: calc(var(--⅝fem) * 1) calc(var(--⅝fem) * 1);
}

.menu[class*="heavenmenu"] {
	width: auto;
	display: table;
	margin-left: auto;
}

.menu[class*="heavenmenu"] li {
	display: table-cell;
	width: auto;
	height: 32px;
	/* padding: 横 */
	padding-inline: calc(var(--⅝fem) * 1);
	font-size: 12px;
	white-space: nowrap;
}

.menu[class*="heavenmenu"] li>a {
	width: 100%;
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.menu[class*="heavenmenu"] .sub-menu {
	position: absolute;
	top: 2rem;
	left: 0px;
	right: 0px;
	margin: auto;
	/* Flex */
	display: flex;
	justify-content: start;
	align-items: start;
	width: 100%;
	padding-inline: calc(50vw - 500px);
	background: hsla(224, 6%, 100%, 0.95);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	transition: all 0s ease;
	overflow-x: scroll;
}

/* スクロールバー */
.menu[class*="heavenmenu"] .is-opened .sub-menu::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.menu[class*="heavenmenu"] .is-opened .sub-menu::-webkit-scrollbar-track {
	background: hsl(224, 6%, 93%);
}

.menu[class*="heavenmenu"] .is-opened .sub-menu::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: var(--c-accent, #03C2D4);
}

.menu[class*="heavenmenu"] .sub-menu li {
	height: auto;
	/* padding: 上  下 */
	padding-block: calc(var(--⅝fem) * 1) calc(var(--⅝fem) * 1.5);
}

.menu[class*="heavenmenu"] .sub-menu li,
.menu[class*="heavenmenu"] .sub-menu li p {
	line-height: 1.5;
	font-size: 13px;
	font-weight: 500;
	white-space: normal;
	color: var(--c-secondary-550, hsl(226, 24%, 47%));
}

.menu[class*="heavenmenu"] .sub-menu li>a {
	width: 214px;
	height: 100%;
	position: relative;
	display: inline-flex;
	flex-direction: column;
	place-content: center;
	place-items: center;
}

.menu[class*="heavenmenu"] .sub-menu li img {
	width: 100%;
	object-position: 50% 50%;
	/* アスペクト比（横 / 縦） */
	aspect-ratio: 16 / 9;
	margin-bottom: 0.375pc;
}

/* :hover */
@media (any-hover: hover) {

	.menu[class*="heavenmenu"] li.menu-item-has-children>a:hover,
	.menu[class*="heavenmenu"] li.menu-item-has-children>a:has(+.sub-menu:hover) {
		opacity: 1;
		color: var(--c-base-400, hsl(226, 6%, 63%));
	}

	.menu[class*="heavenmenu"] li.menu-item-has-children>a:hover::after,
	.menu[class*="heavenmenu"] li.menu-item-has-children>a:has(+.sub-menu:hover)::after {
		position: absolute;
		z-index: 10;
		bottom: 1px;
		display: inline-flex;
		place-content: center;
		place-items: center;
		width: 0;
		height: 0;
		font-size: 283.3%;
		/* Material Symbols */
		font-family: 'Material Symbols Sharp';
		font-variation-settings:
			'FILL' 0,
			'wght' 300;
		content: "\e5c7";
		color: var(--c-secondary-550, hsl(226, 24%, 47%));
	}

	.menu[class*="heavenmenu"] li.menu-item-has-children>a:hover+.sub-menu,
	.menu[class*="heavenmenu"] li.menu-item-has-children>a+.sub-menu:hover {
		border-top: 1px solid var(--c-secondary-550, hsl(226, 24%, 47%));
		border-bottom: 1px solid var(--c-secondary-550, hsl(226, 24%, 47%));
	}
}
</style>

<nav class="heavenmenu-container ml-auto">
  <div class="menu heavenmenu1"><ul>
<li id='menu-item-1'  class="menu-item-1"><a  class="menu-link"></a> </li>
<li id='menu-item-2'  class="menu-item-2"><a  class="menu-link"></a> </li>
</ul></div>
</nav>
<!-- ▲heavenmenu1.php --></div>




<!-- .vanti（余白：header裏） -->
<hr class="spacer-vanti d-none_print" />




<!-- .header4efA -->
<header id="header4efA" class="js-diverment header header4efA d-none_print">
  <fieldset class="header__topzone fxd-row fx-nowrap mx-auto">
    <div class="header__leftlane">
      <a lang="en-CrimMP" class="header-brand" href="https://web-naoshiya.com/">
        <img style="aspect-ratio:220/221;" src="https://web-naoshiya.com/wp-content/themes/zaratan/commons/images/logo/logo-symbol.png" alt="WEB直し屋" />
        <p class="header-title"><span>CODE PLUS</span></p>
      </a>
    </div><!-- ///.leftlane -->

    <div class="header__centerlane">
      <!-- dropmenu -->
      <style>
/* CSS：.dropmenu
────────────── ༚༶⊰⟡⊱༶༚༺ */
:root {
	--dropmenu-height: 3rem;
}

.dropmenu-container {
	/* Flex */
	display: flex;
	height: var(--dropmenu-height);
}

.menu[class*="dropmenu"] {
	width: auto;
	display: table;
	table-layout: fixed;
	margin-left: auto;
}

.menu[class*="dropmenu"] li {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 7.5rem;
	height: 2rem;
}

.menu[class*="dropmenu"] li>a {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
}

.menu[class*="dropmenu"]>li>a {
	justify-content: center;
}

.menu[class*="dropmenu"] .sub-menu {
	position: absolute;
	top: 3rem;
	left: 0px;
	right: 0px;
	margin: auto;
	/* Flex */
	display: flex;
	flex-direction: column;
	width: max-content;
	background: var(--c-tertiary-a0\.85, hsla(224, 50%, 23%, 0.85));
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

.menu[class*="dropmenu"] .sub-menu li {
	height: auto;
	/* padding: 上  下 */
	padding-block: calc(var(--⅝fem) * 1) calc(var(--⅝fem) * 1.5);
}

.menu[class*="dropmenu"] .sub-menu li {
	/* Flex */
	display: inline-flex;
	width: 100%;
	/* 子メニュー分伸ばすので高さはautoにする */
	height: auto;
	padding: 0px 2px;
	line-height: 1.5;
	font-size: 15px;
	font-weight: 500;
	white-space: normal;
	border-bottom: 1px solid var(--c-tertiary-a0\.5, hsla(224, 50%, 23%, 0.5));
}

.menu[class*="dropmenu"] .sub-menu li>a {
	height: 2.7rem;
	margin-left: 2px;
	padding-inline: 0.5rem 1rem;
	background: var(--c-primary-a0\.5, hsla(224, 50%, 33%, 0.5));
	font-size: 14px;
	color: #FFFFFF;
}

.menu[class*="dropmenu"] .sub-menu li>a::before {
	position: relative;
	top: 0px;
	display: inline-flex;
	place-content: center;
	place-items: center;
	margin-right: 0.35rem;
	font-size: 53.3%;
	content: "▷";
}
</style>

<nav lang="en-MarcMP" class="dropmenu-container mx-auto d-none_sp">
	<div class="menu dropmenu1"><ul>
<li id='menu-item-1'  class="menu-item-1"><a  class="menu-link"></a> </li>
<li id='menu-item-2'  class="menu-item-2"><a  class="menu-link"></a> </li>
</ul></div>
</nav>
<!-- ▲dropmenu1.php -->
      <nav class="header-icons d-none_sp">
        <a class="mx-0.25r" href="https://x.com/sutetuki_web" target="_blank">
          <i class="icon si si-x"></i>
        </a>
        <a class="mx-0.25r" href="https://www.test.code-plus.jp/feed/" target="_blank">
          <i class="icon si si-rss" style="font-size:115%;"></i>
        </a>
        <a class="mx-0.25r" href="https://feedly.com/i/subscription/feed%2Fhttps%3A%2F%2Fcode-plus.jp%2Fgp%2Ffeed%2F" target="_blank">
          <i class="icon si si-feedly" style="font-size:135%;"></i>
        </a>
      </nav>

      <!-- searchform -->
      <style>
/* searchform：CSS
────────────── ༚༶⊰⟡⊱༶༚༺*/
.searchform {
	position: relative;
}

.searchform .search-fields {
	position: fixed;
	z-index: -1;
	top: calc(var(--header-height, 5.25rem) - 1px);
	left: 0;
	right: 0;
	display: inline-grid;
	place-content: center end;
	grid-template-columns: 0fr;
	transition: 0.3s all ease-out;
	width: 100%;
	height: 0rem;
	padding-right: 1.5rem;
	background: hsla(224, 0%, 0%, 0.7);
	overflow: hidden;
}

.searchform .search-label {
	display: inline-flex;
	align-items: center;
	width: min(23rem, calc(var(--zvw,1vw) * 92.5));
	height: 2rem;
	transition: 0.3s all ease-out;
}

.searchform .search-input,
.searchform .search-btn {
	height: 100%;
	font-size: clamp(0.8750rem, calc(0.8750rem + ((1vw - 3.6px) * 0.1563)), 0.9375rem);
}

.searchform .search-input {
	flex-grow: 1;
	/* radius: 左上  右上  右下  左下 */
	border-radius: 999em 0px 0px 999em;
}

.searchform .search-btn {
	display: inline-flex;
	/* radius: 左上  右上  右下  左下 */
	border-radius: 0px 999em 999em 0px;
}

/* .searchform .search-switch */
.searchform .search-switch {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 40px;
}

.searchform .search-switch::before {
	position: relative;
	top: 1px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 203.3%;
	/* Material Symbols */
	font-family: 'Material Symbols Sharp';
	font-variation-settings:
		'FILL' 0,
		'wght' 200;
	content: "\e8b6";
}

/* .is-opened */
.searchform.is-opened .search-fields {
	height: 3.5rem;
}

.searchform.is-opened .search-switch::before {
	content: "\e5cd";
}
</style>


<form role="search" method="get" id="searchform" class="searchform" action="https://web-naoshiya.com/">
  <fieldset class="search-fields">
    <label class="search-label ov-hidden" for="s">
      <input class="search-input" type="text" name="s" id="s" placeholder="Search">
      <input class="search-btn button is-solided is-primary" type="submit" id="searchsubmit" value="検索">
    </label>
  </fieldset>
  <button type="button" id="searchSwitchCKMS" class="search-switch" aria-label="検索フォームを開く" aria-expanded="false" aria-controls="s" onclick></button>
</form>


<script>
(function () {
  let searchSwitchCKMS = document.querySelector("#searchSwitchCKMS");  //HTMLElement

  //クリック時のイベント／登録
  searchSwitchCKMS.addEventListener('click', function (e) {
    e.preventDefault(); //デフォルトアクションをキャンセル

    var thsSearchSwitch = this;
    var thsSearchForm = this.parentElement;
    //if else
    var hasCLASS = thsSearchForm?.classList.contains('is-opened');
    if (!hasCLASS) {
      //action
      thsSearchForm?.classList.add('is-opened');
      thsSearchSwitch?.classList.add('is-pressed');
      thsSearchSwitch?.setAttribute('aria-expanded', 'true');
    } else {
      thsSearchForm?.classList.remove('is-opened');
      thsSearchSwitch?.classList.remove('is-pressed');
      thsSearchSwitch?.setAttribute('aria-expanded', 'false');
    };
  }); ///Event('click');
})(); ///function();
</script>
    </div><!-- ///.centerlane -->

    <div class="header__rightlane">
<!-- <¿php include do_shortcode('[root_themepath]') . '/parts/menu/headmenu3.php'; ?> -->
    </div><!-- ///.rightlane -->
  </fieldset><!-- ///.topzone.fxd-row -->

  <!-- drwrmenu-switch -->
  <!-- drwrmenu-switch.php -->
<button type="button" lang="en-GP" class="drwrmenu-switch hamburger" aria-label="Menu" aria-expanded="false" aria-controls="js-drwrmenuCKYG">
  <span class="hamburger-box">
    <span class="hamburger-inner"></span>
  </span>
  <span class="hamburger-text"></span>
</button><!-- ///.drwrmenu-switch -->
</header><!-- ///▲header -->


<!-- header-print（印刷用ヘッダー） -->
<header class="header-print d-none_screen d-unset_print">
  <a class="header-brand" href="https://web-naoshiya.com/">
    <img style="aspect-ratio:460/115;" src="https://web-naoshiya.com/wp-content/themes/zaratan/commons/images/logo/logo-brand.svg" alt="WEB直し屋" />
    <span class="header-title whs-nowrap ml-1pc">WEB直し屋</span>
  </a>
</header>
<!-- ///▲header4efA.php -->



<!-- ▼𝐓𝐑𝐔𝐍𝐊𝐄𝐑（カラム囲い） -->
<div class="trunker trunker4efA mx-auto">
  <header class="trunker__inheader mx-auto">
    <!-- ❖パンくずリスト -->
    <!-- breadcrumb.php -->
<style>
/* ❖breadcrumb.leckermaul（パンくずリスト）
────────────── ༚༶⊰⟡⊱༶༚༺*/
.zaratan .breadcrumb.leckermaul {
	width: 100%;
	max-width: calc(var(--zvw,1vw) * 92.5);
	margin-inline: auto;
}

.zaratan .breadcrumb.leckermaul :is(ul, ol) {
	min-height: 48px;
	line-height: initial;
	font-size: 0;
	letter-spacing: 0;
	overflow: hidden;
}

.zaratan .breadcrumb.leckermaul li {
	display: inline;
	line-height: 1.6;
	font-size: clamp(0.775pc, calc(0.775pc + ((1vw - 3.6px) * 0.1563)), 0.8750pc);
}

.zaratan .breadcrumb.leckermaul li>*,
.zaratan .breadcrumb.leckermaul li::before {
	position: relative;
	top: 0.125em;
	display: inline-flex;
	align-items: center;
}

.zaratan .breadcrumb.leckermaul a {
	display: inline;
	color: var(--c-secondary-600, hsl(224, 25%, 43%));
	margin-right: .5em;
}

.zaratan .breadcrumb.leckermaul li:nth-of-type(n+2) a {
	margin-left: .5em;
}

/* 現在のページ（リンクなし。<span aria-current="page">） */
.zaratan .breadcrumb.leckermaul [aria-current="page"] {
	display: inline;
	margin-inline: .5em;
	color: var(--c-base-550, hsl(224, 6%, 47%));
}

@media (any-hover:hover) {
	.zaratan .breadcrumb.leckermaul a:hover {
		color: var(--c-secondary-600, hsl(224, 25%, 43%));
	}
}

/* .ma-home */
.zaratan .breadcrumb.leckermaul .ma-home {
	vertical-align: top;
}

/* .separator */
.zaratan .breadcrumb.leckermaul li:nth-of-type(n+2)::before,
.zaratan .breadcrumb.leckermaul.chevron-right li:nth-of-type(n+2)::before {
	content: ">";
	color: var(--c-secondary-600, hsl(224, 25%, 43%))
}

.zaratan .breadcrumb.leckermaul.slash li:nth-of-type(n+2)::before {
	content: "/";
}

.zaratan .breadcrumb.leckermaul.trigon-bullet li:nth-of-type(n+2)::before {
	content: "‣";
}
</style>


<nav class="breadcrumb leckermaul py-0.5r mx-auto" aria-label="パンくずリスト">
  <ul class="breadcrumb-wrapper">
    <!-- トップページへのリンクを表示 -->
    <li><a href="https://web-naoshiya.com/"><i></i>トップ</a></li>

          <!-- その他のアーカイブ・検索・404ページ -->
      <li class="current_page_item"><span aria-current="page">404</span></li>

    <!-- ///if (is_page()) -->

  </ul>
</nav>  </header><!-- ///.inheader -->


  <!-- ▼𝐌𝐀𝐈𝐍（メイン） -->
  <main class="main main4efA">
    <header class="main__inheader">
      <h1 class="main-title">
        <b class="fz-xl fw-600">NOT FOUND</b>
      </h1>
    </header><!-- ///.inheader -->

    <!-- ▼𝐀𝐑𝐓𝐈𝐂𝐋𝐄（ループ開始） -->
    <article class="article article4efA mx-auto">

        <!-- ▼𝐂𝐎𝐍𝐓𝐄𝐍𝐓 -->
        <div class="post-content mx-auto mt-0.5r">
          URLが間違っているか、ページが存在しません。<br class="d-none_sp" />移動もしくは削除された可能性があります。
          <picture>
            <img src="https://web-naoshiya.com/wp-content/themes/zaratan/commons/images/ornaments/404.png" alt="" />
          </picture>
        </div><!-- ///.post-content -->

    </article><!-- ///▲.article（ループ終了） -->
  </main><!-- ///▲.main（メイン） -->
</div><!-- ///▲.trunker（カラム囲い） -->




<!-- 𝐅𝐎𝐎𝐓𝐄𝐑 & 𝐅𝐎𝐎𝐓 -->
<!-- ✿footer4efA.php（2row__1col） -->
<link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/css/_layouts/ly-footer4efA.css?ver=1793080175" />




<!-- .legger（footer上） -->




<!-- ༻.baresi（余白：footer上）༺ -->
<hr class="spacer-baresi" />




<footer lang="en-MarcMP" class="footer footer4efA d-none_print">
  <fieldset class="footer__interior mx-auto scroll-fadeIn">
    <div class="footer__topzone ta-center">
      <menu class="menu anklemenu1 d-iflex_pc">
        <li class="scroll-fadeInBottom">
          <a class="is-shadowed mx-0.5r" href="https://px.a8.net/svt/ejp?a8mat=45KNKA+8FN7XE+42SG+68MF5" rel="nofollow">
            <img style="width:min(15rem,92.5vw); aspect-ratio:468/120;" alt="ColorfulBox ドメイン＋レンタルサーバー お手頃価格で取得！" src="https://www23.a8.net/svt/bgt?aid=251226442510&wid=007&eno=01&mid=s00000019024001048000&mc=1"></a>
          <img border="0" width="1" height="1" src="https://www15.a8.net/0.gif?a8mat=45KNKA+8FN7XE+42SG+68MF5" alt="">
        </li>
        <li class="scroll-fadeInBottom delayed-2 mt-1r_sp">
          <a class="is-shadowed mx-0.5r" href="https://px.a8.net/svt/ejp?a8mat=45KNKA+APT1EQ+1WTI+BXYE9" rel="nofollow">
            <img style="width:min(15rem,92.5vw); aspect-ratio:468/120;" alt="スタードメイン ドメイン代だけでサイトが運営できる!!" src="https://www24.a8.net/svt/bgt?aid=251226442648&wid=007&eno=01&mid=s00000008919002006000&mc=1"></a>
          <img border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=45KNKA+APT1EQ+1WTI+BXYE9" alt="">
        </li>
      </menu>
    </div><!-- ///.topzone -->

    <div class="footer__middlezone fxd-row_pc">
      <div class="footer__leftlane">
        <a class="footer-brand" href="https://web-naoshiya.com/">
          <picture class="ta-center" style="width:100%;">
            <source class="lazy" media="(max-width: 743.9px)" srcset="https://web-naoshiya.com/wp-content/themes/zaratan/commons/images/logo/logo-footer_sp.svg" />
            <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
              data-src0="https://web-naoshiya.com/wp-content/themes/zaratan/commons/images/logo/logo-footer.svg" alt="CODE PLUS（コードプラス）" />
          </picture>
        </a>
        <p class="fz-rg mt-0.5r">Field Notes</p>
        <p class="fz-ss mt-0.5r">Quiet experiments in code, written from Fukuoka.<br />
          Each entry is a Worldline of its own —<br />
          a small attempt that didn't quite fail.<br />
          Est. 2024 — β-Worldline.
        </p>
      </div><!-- ///.leftlane -->

      <div class="footer__rightlane">
        <!-- ✿faccmenu1.php -->
<style>
/* フッターメニュー（アコーディオン） @(SP)
༻❧⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶❀༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶☙༺*/
.menu[class*="footmenu"] li {
	display: grid;
	transition: 0.5s grid-template ease;
}

/* overflow: hidden */
.menu[class*="footmenu"] li,
.menu[class*="footmenu"] li a,
.menu[class*="footmenu"] li .sub-menu {
	overflow: hidden;
}

/* 1行目だけ表示 */
.menu[class*="footmenu"]>li>a {
	height: max-content;
}

@media screen and (max-width: 743.9px) {

	/* @(SP) */
	.menu[class*="footmenu"] li {
	width: 100%;
		grid-template-rows: 0fr;
	}

	/* .submenu-opener */
	.menu[class*="footmenu"] li .submenu-opener {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		display: inline-flex;
		place-content: center;
		place-items: center;
		width: 2.1em;
		height: 100%;
	}

	.menu[class*="footmenu"] li .submenu-opener::before {
		position: relative;
		z-index: 10;
		top: 0px;
		display: inline-flex;
		place-content: center;
		place-items: center;
		font-size: 133.3%;
		/* Material Symbols */
		font-family: 'Material Symbols Sharp';
		font-variation-settings:
			'FILL' 0,
			'wght' 300;
		content: "\e313";
		pointer-events: auto;
		transition: all 0.3s ease-out;
	}

	/* .is-opened */
	.menu[class*="footmenu"]>li.is-opened,
	.menu[class*="footmenu"]>li.is-opened li {
		grid-template-rows: 1fr;
	}

	.menu[class*="footmenu"] li.is-opened .submenu-opener::before {
		transform: rotate(180deg);
	}
}
</style>

<nav lang="en-MarcMP" id="js-footmenuCKQM" class="footmenu-container">
<div class="menu footmenu1"><ul>
<li id='menu-item-1'  class="menu-item-1"><a  class="menu-link"></a> </li>
<li id='menu-item-2'  class="menu-item-2"><a  class="menu-link"></a> </li>
</ul></div>
</nav><!-- ///.footmenu -->
<!-- ///▲footmenu.php -->


<script>
(function() {
	//フッターサブメニューの展開
	let faccHasTgls = Array.prototype.slice.call(document.querySelectorAll('.menu[class*="footmenu"] li.menu-item-has-children .submenu-opener')); //Arr.NodeList

	//サブメニュークリック時のイベント／登録
	let fnOpnSMnuVFEA = function() {
		for (let n = 0; n < faccHasTgls.length; n++) {
			faccHasTgls[n].addEventListener('click', function(e) {
				e.preventDefault(); //デフォルトの動作を防ぐ
				e.stopPropagation(); //イベントの伝播を止める

				//action
				let thsFaccHasTgl = this;
				let thsFaccHasItm = thsFaccHasTgl.closest(".menu-item-has-children");
				let thsFaccSubMnu = thsFaccHasItm.children[1];

				const resultCKQM = thsFaccHasItm.classList.contains('is-opened');

				if (resultCKQM) {
					//閉じる
					thsFaccHasItm.classList.remove('is-opened');
				} else {
					//開く
					thsFaccHasItm.classList.add('is-opened');
				} ///if, else
			});
		};
	}(); ///.for.addEventListener('click'
})(); ///function：faccmenu1.js();
</script>      </div><!-- ///.rightlane -->
    </div><!-- ///.middlezone -->

    <div class="footer__bottomzone fxd-row_pc mx-auto">
      <small class="copyright fz-xs">Copyright &copy;&nbsp;CODE PLUS.JP.&nbsp;<span class="d-iblock">All Rights Reserved.</span></small><br class="d-none_pc" />
      <small class="footer-built fz-xs">
        BUILT WITH <a href="https://www.anthropic.com/claude-code" target="_blank" rel="noopener">CLAUDE CODE</a> &middot; HOSTED IN <span>FUK / JP</span>
      </small>
    </div><!-- ///.bottomzone -->
  </fieldset><!-- ///.interior -->
</footer>

<!-- ❖footer-print（印刷用フッター） -->
<footer class="footer-print d-none_screen d-unset_print">
  <small class="copyright ta-center fz-xs">Copyright &copy;&nbsp;CODE PLUS.JP.&nbsp;<span class="d-iblock">All Rights Reserved.</span></small>
</footer>

<!-- ༻.portiere（余白：footer下）༺ -->
<hr class="spacer-portiere" />




<!-- ❖pagebtn-group：PHP・CSS・JS（トップに戻るボタン） -->
<!-- ❖pageBtn-group.php -->
<script>
  //stylesheet：pageBtn-group.css
  var insertSheet = document.createElement('link');
  insertSheet.setAttribute('rel', 'stylesheet');
  insertSheet.setAttribute('href', 'https://web-naoshiya.com/wp-content/themes/zaratan/parts/pageBtn-group/pageBtn-group.css');
  document.getElementsByTagName('head')[0].appendChild(insertSheet);
</script>

<!-- pageBtn-group：HTML -->
<figure id="js-pageBtnGroup" class="pageBtn-group d-none_print">
  <button type="button" class="pageBtn pageBtn-top">
    <i class="icon ico-arrow_top"></i>
    <b class="pageBtn-bubble">TOPに戻る</b>
  </button>
  <button type="button" class="pageBtn pageBtn-up">
    <i class="icon ico-arrow_up"></i>
    <b class="pageBtn-bubble">100vh戻る</b>
  </button>
  <button type="button" class="pageBtn pageBtn-up-1px">
    <i class="icon ico-arrow_up_1px"></i>
    <b class="pageBtn-bubble">1px戻る</b>
  </button>
  <button type="button" class="pageBtn pageBtn-down-1px">
    <i class="icon ico-arrow_down_1px"></i>
    <b class="pageBtn-bubble">1px進む</b>
  </button>
  <button type="button" class="pageBtn pageBtn-down">
    <i class="icon ico-arrow_down"></i>
    <b class="pageBtn-bubble">100vh進む</b>
  </button>
  <button type="button" class="pageBtn pageBtn-bottom">
    <i class="icon ico-arrow_bottom"></i>
    <b class="pageBtn-bubble">一番下まで進む</b>
  </button>
</figure>

<!-- pageBtn-group：JS -->
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/parts/pageBtn-group/pageBtn-group.js"></script>
<!-- ///▲pageBtn-group.php --><!-- ❖ドロワーメニュー -->
<!-- ✿drwrmenu.php -->
<style>
/* drwrmenu：CSS
༻❧⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶❀༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶☙༺*/
/* ハンバーガーメニュー
────────────── ༚༶⊰⟡⊱༶༚༺*/
.hamburger {
	position: absolute;
	z-index: 2010;
	top: 0px;
	right: 0px;
	margin: auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 4pc;
	height: 4pc;
	/* trans : property | duration | easing | delay */
	transition: background-color 0.3s ease-out;
	cursor: pointer;
}

/* <button> のリセット（:where で詳細度0。他の指定は上書きしない） */
:where(button.hamburger) {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	-webkit-appearance: none;
	appearance: none;
}

@media print,
screen and (min-width: 744px) {

	/* @media (PC) */
	.hamburger {
		display: none;
	}
}

.hamburger .hamburger-box {
	position: relative;
	width: 44px;
	height: auto;
}

.hamburger .hamburger-inner,
.hamburger .hamburger-inner::before,
.hamburger .hamburger-inner::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: currentColor;
	transition: top .3s ease, transform .3s ease, background-color .3s ease;
}

.hamburger .hamburger-inner {
	inset: 0;
}

.hamburger .hamburger-inner::before,
.hamburger .hamburger-inner::after {
	content: "";
}

.hamburger .hamburger-inner::before {
	top: -8px;
}

.hamburger .hamburger-inner::after {
	top: 8px;
}

.hamburger .hamburger-text {
	position: relative;
	top: 16px;
	line-height: 1;
	letter-spacing: 0.24em;
	text-indent: 0.24em;
	font-size: 11px;
	white-space: nowrap;
}

.hamburger .hamburger-text::before {
	position: relative;
	content: "MENU";
	transition: top .3s ease, transform .3s ease, background-color .3s ease;
}

/* .diverth-1 */
.diverth-1 .hamburger {
	background-color: var(--c-tertiary-800, hsl(224, 50%, 23%));
	color: #FFFFFF;
}

/* 開いた状態（×印） */
.hamburger.is-active .hamburger-inner {
	background-color: transparent;
}

.hamburger.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(45deg);
}

.hamburger.is-active .hamburger-inner::after {
	top: 0;
	transform: rotate(-45deg);
}

/* メニュー内ハンバーガー */
.drwrmenu-container .hamburger {
	right: 0px;
}

.hamburger.is-active .hamburger-text::before,
.drwrmenu-container .hamburger .hamburger-text::before {
	top: 2px;
	content: "CLOSE";
}




/* ドロワーメニュー
────────────── ༚༶⊰⟡⊱༶༚༺*/
.drwrmenu-container {
	position: fixed;
	z-index: 2020;
	top: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 420px;
	max-width: 100%;
	/* min( 推奨値, 最大値 ) */
	height: min(calc(100dvh), calc(100vh));
	background: var(--c-tertiary-a0\.85, hsla(224, 50%, 23%, 0.7));
	/* trans: property | duration | easing | delay */
	transition: all 0.5s var(--ease-out-cubic, ease-out);
	transform: translateX(105%);
	visibility: hidden;
	color: #FFFFFF;
	font-family: 'YakuHanMP', 'Marcellus', var(--ff-gothic, sans-serif);
}

/* .is-summoned */
.drwrmenu-container.is-summoned {
	transform: translateX(0%);
	visibility: visible;
}

.drwrmenu-container .drwrmenu-wrapper {
	position: absolute;
	left: 3px;
	top: 3px;
	display: flex;
	flex-direction: column;
	width: calc(100% - 3px);
	height: calc(100% - 6px);
	margin-inline: auto;
	/* header と高さ合わせる */
	padding-block: var(--header-height) 3rem;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	overflow-x: hidden;
	overflow-y: scroll;
}

/* スクロールバー */
.drwrmenu-container .drwrmenu-wrapper::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	margin-top: 4px;
}

.drwrmenu-container .drwrmenu-wrapper::-webkit-scrollbar-track {
	background: hsl(224, 6%, 93%);
}

.drwrmenu-container .drwrmenu-wrapper::-webkit-scrollbar-thumb {
	border-radius: 999em;
	background: var(--c-accent, #03C2D4);
}

/* .drwrmenu */
.menu[class*="drwrmenu"] li {
	display: grid;
	transition: 0.5s grid-template var(--ease-out-cubic, ease-out);
	grid-template-rows: 0fr;
	font-size: 1.1875rem;
	white-space: nowrap;
}

/* overflow: hidden */
.menu[class*="drwrmenu"] li,
.menu[class*="drwrmenu"] li a,
.menu[class*="drwrmenu"] li .sub-menu {
	overflow: hidden;
}

.menu[class*="drwrmenu"] li rt {
	line-height: 1;
	font-size: 62%;
	padding-left: 1rem;
}

.menu[class*="drwrmenu"] li a {
	display: inline-flex;
	align-items: center;
	transform: translateX(0%);
	width: 100%;
}

/* hover */
@media (any-hover: hover) {
	.menu[class*="drwrmenu"] li a:hover {
		filter: brightness(1.3);
	}
}

.menu[class*="drwrmenu"] li.is-disabled>a {
	pointer-events: none;
	color: hsla(224, 6%, 100%, 0.3);
}

.menu[class*="drwrmenu"]>li>a>i::before {
	position: relative;
	top: -0.05em;
	display: inline-flex;
	place-content: center;
	place-items: center;
	font-size: 83.3%;
	content: "▶";
	margin-right: 0.1em;
}

.menu[class*="drwrmenu"] .sub-menu>li>a>i::before {
	position: relative;
	top: 0px;
	display: inline-flex;
	place-content: center;
	place-items: center;
	width: 1em;
	font-size: 83.3%;
	content: "‣";
	margin-right: 0.1em;
}

/* .submenu-opener */
.menu[class*="drwrmenu"] li .submenu-opener {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: inline-flex;
	place-content: center;
	place-items: center;
	width: 3rem;
	height: 100%;
}

.menu[class*="drwrmenu"] li .submenu-opener::before {
	position: relative;
	z-index: 10;
	top: 0px;
	display: inline-flex;
	place-content: center;
	place-items: center;
	font-size: 133.3%;
	/* Material Symbols */
	font-family: 'Material Symbols Sharp';
	font-variation-settings:
		'FILL' 0,
		'wght' 300;
	content: "\e313";
	pointer-events: auto;
	transition: all 0.3s ease-out;
}

/* .is-opened */
.menu[class*="drwrmenu"]>li.menu-item-has-children.is-opened,
.menu[class*="drwrmenu"]>li.menu-item-has-children.is-opened li {
	grid-template-rows: 1fr;
}

.menu[class*="drwrmenu"] li.is-opened .submenu-opener::before {
	transform: rotate(180deg);
}



/* ドロワーメニュー1
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* 1行目 */
.menu.drwrmenu1>li {
	background: var(--c-tertiary-a0\.5, hsla(224, 50%, 23%, 0.55));
	background: linear-gradient(120deg, var(--c-tertiary-a0\.5, hsla(224, 50%, 23%, 0.55)) 0%, var(--c-tertiary-a0\.05, hsla(224, 50%, 23%, 0.05)) 50%);
	border-top: 2px solid var(--c-secondary-a0\.85, hsla(224, 24%, 47%, 0.7));
}

.menu.drwrmenu1>li:last-of-type {
	border-bottom: 2px solid var(--c-secondary-a0\.85, hsla(224, 24%, 47%, 0.7));
}

/* 1行目だけ表示 */
.menu.drwrmenu1>li>a {
	height: min(6.75dvh, 6.75vh);
}

.menu.drwrmenu1 li a {
	padding-left: calc(var(--zvw, 1vw) * 16);
}

/* .sub-menu */
.menu.drwrmenu1>li .sub-menu li {
	background: var(--c-tertiary-a0\.5, hsla(224, 50%, 23%, 0.55));
	border-top: 0px solid var(--c-secondary-a0\.5, hsla(224, 24%, 47%, 0.55));
	font-size: 1.0625rem;
}

.menu.drwrmenu1>li .sub-menu li a {
	padding-left: calc(var(--zvw, 1vw) * 19);
}

.menu.drwrmenu1>li .fxd-row {
	align-items: center;
}

/* .is-opened */
.menu.drwrmenu1>li.is-opened .sub-menu li {
	border-width: 1px;
}

.menu.drwrmenu1>li.is-opened li a {
	padding-block: min(1.25dvh, 1.25vh);
}




/* ドロワーメニュー2
────────────── ༚༶⊰⟡⊱༶༚༺*/
.menu.drwrmenu2 {
	margin-top: 1rem;
	margin-left: 1rem;
}

.menu.drwrmenu2 li {
	display: inline-flex;
	width: auto;
	font-size: 0.7875rem;
	margin-right: 0.5rem;
}

.menu.drwrmenu2 li a {
	min-height: 1.5rem;
}




/* メニュー：ガラス風
────────────── ༚༶⊰⟡⊱༶༚༺*/
.menu-glassed::before {
	content: '';
	position: absolute;
	z-index: 2;
	top: -4px;
	left: 0;
	width: 160px;
	height: 10px;
	border-radius: 50%;
	background: rgb(170, 255, 240);
	background: radial-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 100%);
}

.menu-glassed::after {
	content: '';
	position: absolute;
	z-index: 2;
	bottom: -4px;
	right: 0;
	width: 160px;
	height: 10px;
	border-radius: 50%;
	background: rgb(170, 255, 240);
	background: radial-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 100%);
}

.menu-glassed .menu-decoration {
	position: absolute;
	width: 100%;
	height: 100%;
	clip-path: polygon(0% 0%, 0 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 0% calc(100% - 3px), 0% 100%, 100% 100%, 100% 0%);
	background-color: hsla(224, 6%, 100%, 1);
	background-image: radial-gradient(at 0% 0%, hsla(180, 100%, 98%, 1) 0px, transparent 50%),
		radial-gradient(at 29% 0%, hsla(189, 100%, 78%, 1) 0px, transparent 50%),
		radial-gradient(at 0% 48%, hsla(355, 0%, 100%, 1) 0px, transparent 50%),
		radial-gradient(at 100% 62%, hsla(340, 0%, 100%, 1) 0px, transparent 50%),
		radial-gradient(at 90% 98%, hsla(169, 88%, 83%, 1) 0px, transparent 50%),
		radial-gradient(at 26% 100%, hsla(240, 0%, 44%, 1) 0px, transparent 50%),
		radial-gradient(at 79% 0%, hsla(336, 0%, 51%, 1) 0px, transparent 50%);
}
</style>

<nav id="js-drwrmenuCKYG" class="drwrmenu-container menu-glassed">
  <picture class="menu-decoration"></picture>
  <fieldset class="drwrmenu-wrapper">
    <div class="menu drwrmenu1"><ul>
<li id='menu-item-1'  class="menu-item-1"><a  class="menu-link"></a> </li>
<li id='menu-item-2'  class="menu-item-2"><a  class="menu-link"></a> </li>
</ul></div>
    <div class="menu drwrmenu2"><ul>
<li id='menu-item-1'  class="menu-item-1"><a  class="menu-link"></a> </li>
<li id='menu-item-2'  class="menu-item-2"><a  class="menu-link"></a> </li>
</ul></div>

    <div class="drwrmenu-logo ta-center mt-auto">
      <img style="width:min(11em,calc(var(--zvw,1vw) * 92.5));" src="https://web-naoshiya.com/wp-content/themes/zaratan/commons/images/logo/logo-brand_WH.svg" alt="" />
    </div>

    <!-- drwrmenu-switch.php -->
<button type="button" lang="en-GP" class="drwrmenu-switch hamburger" aria-label="Menu" aria-expanded="false" aria-controls="js-drwrmenuCKYG">
  <span class="hamburger-box">
    <span class="hamburger-inner"></span>
  </span>
  <span class="hamburger-text"></span>
</button><!-- ///.drwrmenu-switch -->
  </fieldset><!-- ///.wrapper -->
</nav><!-- ///.drwrmenu -->
<!-- ///▲drwrmenu.php -->


<script>
  (function() {
    //drwrmenu.js
    //ドロワーメニューの呼び出し
    let docDrwrCtnCKYG = document.getElementById('js-drwrmenuCKYG'); //HTMLElement
    let drwrMnuTrgs = Array.prototype.slice.call(document.querySelectorAll(".drwrmenu-switch.hamburger"));
    let drwrMnuCtns = Array.prototype.slice.call(document.querySelectorAll(".drwrmenu-container"));
    let drwrMnuLnks = Array.prototype.slice.call(document.querySelectorAll(".drwrmenu-container .menu>li>a"));
    let drwrSubLnks = Array.prototype.slice.call(document.querySelectorAll(".drwrmenu-container .sub-menu>li>a")); //Arr.NodeList

    //ドロワーを閉じる共通処理
    let fnCloseDrwrCKYG = function() {
      for (let n = 0; n < drwrMnuTrgs.length; n++) {
        drwrMnuTrgs[n].classList.remove('is-active');
        drwrMnuTrgs[n].setAttribute('aria-expanded', 'false');
      }; ///for
      docDrwrCtnCKYG.classList.remove('is-summoned');

      //shorthand だけだと Safari で longhand が残るため個別に解除
      let bodyCKYG = document.getElementsByTagName('body')[0];
      bodyCKYG.style.overflow = '';
      bodyCKYG.style.overflowX = '';
      bodyCKYG.style.overflowY = '';
    };

    //トリガークリック時のイベント／登録
    let fnSmnDrwrMnuCKYG = function() {
      for (let n = 0; n < drwrMnuTrgs.length; n++) {
        drwrMnuTrgs[n].addEventListener('click', function(e) {
          //action
          const resultCKYG = docDrwrCtnCKYG.classList.contains('is-summoned');

          if (resultCKYG) {
            //閉じる
            fnCloseDrwrCKYG();

          } else {
            //開く
            for (let n = 0; n < drwrMnuTrgs.length; n++) {
              drwrMnuTrgs[n].classList.add('is-active');
              drwrMnuTrgs[n].setAttribute('aria-expanded', 'true');
            }; ///for
            docDrwrCtnCKYG.classList.add('is-summoned');
            if (window.matchMedia('(max-width: 743.9px)').matches) {
              document.getElementsByTagName('body')[0].style.overflow = 'hidden';

            } else {
              document.getElementsByTagName('body')[0].style.overflowX = 'hidden';
              document.getElementsByTagName('body')[0].style.overflowY = 'scroll';

            };
          } ///if, else
          e.preventDefault();
        });
      };
    }(); ///.for.addEventListener('click'


    //リンククリック時のイベント／登録（アンカークリックでも閉じる用）
    //1階層目とサブメニューの両方を対象にする
    let drwrAllLnks = drwrMnuLnks.concat(drwrSubLnks);

    let fnDrwrClikCKYG = function() {
      for (let n = 0; n < drwrAllLnks.length; n++) {
        drwrAllLnks[n].addEventListener('click', function(e) {
          //サブメニューのボタンクリックの場合は何もしない
          if (e.target.closest('.menu-item-has-children .submenu-opener')) {
            return;
          }

          //action：先に閉じてから遷移させる
          if (docDrwrCtnCKYG.classList.contains('is-summoned')) {
            fnCloseDrwrCKYG();
          } ///if
        });
      };
    }(); ///.for.addEventListener('click'

    //BFCache対策（iOSのSafariで「戻る」時にドロワーをリセット）
    window.addEventListener('pageshow', function(e) {
      if (e.persisted) {
        fnCloseDrwrCKYG();
      }
    });




    //ドロワーサブメニューの展開
    let drwrHasTgls = Array.prototype.slice.call(document.querySelectorAll('.menu[class*="drwrmenu"] li.menu-item-has-children .submenu-opener')); //Arr.NodeList

    //サブメニュークリック時のイベント／登録
    let fnOpnSMnuVFEA = function() {
      for (let n = 0; n < drwrHasTgls.length; n++) {
        drwrHasTgls[n].addEventListener('click', function(e) {
          e.preventDefault(); //デフォルトの動作を防ぐ
          e.stopPropagation(); //イベントの伝播を止める

          //action
          let thsDrwrHasTgl = this;
          let thsDrwrHasItm = thsDrwrHasTgl.closest(".menu-item-has-children");
          let thsDrwrSubMnu = thsDrwrHasItm.children[1];

          const resultCKYG = thsDrwrHasItm.classList.contains('is-opened');

          if (resultCKYG) {
            //閉じる
            thsDrwrHasItm.classList.remove('is-opened');
          } else {
            //開く
            thsDrwrHasItm.classList.add('is-opened');
          } ///if, else
        });
      };
    }(); ///.for.addEventListener('click'
  })(); ///function：drwrmenu.js();
</script>



<!-- ///▲footer4efA.php --></div><!-- ///▲𝐂𝐇𝐀𝐒𝐒𝐈𝐒（総囲い） -->




<!-- ✿wp_footer（※これは絶対消さないこと） -->




<!-- ❖記事のアクセス数を計測 -->
<!-- ❖タグスペース -->


<!-- ༻✿Beyond Styles and Scripts༺ -->
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/add-isLoaded.js"></script>
<!-- 
༻༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶❀༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶༺
▼Beyond Styles And Scripts
༻༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶❀༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶༺ -->

<!-- ✿CSS（Below the fold）
────────────── ༚༶⊰⟡⊱༶༚༺ -->
<!-- Print, Libraries：CSS（ライブラリ上書き用） -->
<link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/commons/css/print-style.css?ver=1793080170" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/libraries/library-custom.css?ver=1793080167" media="print" onload='this.media="all"' />




<!-- font：Yakuhan, Number -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist/css/yakuhanmp.css" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-shippori-mincho-otf-numeric@1.0.0/font-face.adjusted.css" media="print" onload='this.media="all"' />

<!-- font：Gothic（Mono, Vertical, Etc） -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@300..900&display=swap" media="print" onload='this.media="all"' />

<!-- font：Mincho -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-shippori-mincho-otf@1.0.0/font-face.adjusted.css" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300..800&display=swap" media="print" onload='this.media="all"' />

<!-- font：Sans-Serif -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-lato@1.0.6/font-face.adjusted.css" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Jost:wght@300..900&display=swap" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-hanken-grotesk@1.0.5/font-face.adjusted.css" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-overused-grotesk@1.1.5/font-face.adjusted.css" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Urbanist:wght@300..900&display=swap" media="print" onload='this.media="all"' />

<!-- font：Condensed -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-d-din@1.0.6/font-face.adjusted.css" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-dinish@1.0.6/font-face.adjusted.css" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700&display=swap" media="print" onload='this.media="all"' />

<!-- font：Serif -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@300;400;500;700&display=swap" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-crimson-text@1.1.2/font-face.adjusted.css" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&display=swap" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Marcellus&display=swap" media="print" onload='this.media="all"' />

<!-- font：Code -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-inconsolata-rule@0.1.5/font-face.x1.0546875.css" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sarap422/font-hackgen@1.0.0/font-face.css" media="print" onload='this.media="all"' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300..800&display=swap" media="print" onload='this.media="all"' />




<!-- ✿レイアウト関連（依存関係あり／順序保証読み込み）
────────────── ༚༶⊰⟡⊱༶༚༺ -->
<!-- scroll-hint：CSS, JS -->
<link rel="stylesheet" href="https://unpkg.com/scroll-hint@1.2.9/css/scroll-hint.css" media="print" onload='this.media="all"' />
<script src="https://unpkg.com/scroll-hint@1.2.9/js/scroll-hint.js" defer></script>
<!-- enchants.js（※scroll-hint より後に読み込み） -->
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_classify-cabinetmaker.js?ver=1793080177" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_classify-floatBottom.js?ver=1793080177" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_classify-tgtBlank.js?ver=1793080177" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_classify-rowgroup.js?ver=1793080177" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_diverment-meter.js?ver=1793080178" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_define-height.js?ver=1793080177" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_inppend-tocBtn.js?ver=1793080178" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_inppend-tocList.js?ver=1793080178" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_is-scrlable.js?ver=1793080178" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_selectPlaceholder.js?ver=1793080178" defer></script>
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_link-addUrlParams.js?ver=1793080178" defer></script>




<!-- ✿【load後】表示・アニメーション関連
────────────── ༚༶⊰⟡⊱༶༚༺ -->
<!-- スムーススクロール -->
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/js/_enchants/_link-animeSmooth.js?ver=1793080178" defer></script>

<!-- Prism：CSS, JS（シンタックスハイライター） -->
<link rel="stylesheet" href="https://web-naoshiya.com/wp-content/themes/zaratan/libraries/prism/prism-funky.custom.min.css?ver=1793080180" media="print" onload='this.media="all"' />
<script src="https://web-naoshiya.com/wp-content/themes/zaratan/libraries/prism/prism-funky.min.js?ver=1793080181" defer></script>




<!-- ✿デバッグ時のみ読み込み -->








</body></html>