update: ボーダーカラーを調整

src/develop/contact/form/input.html

@@ -116,22 +116,22 @@ <h2 class="mb-2">
   <div>
     <div class="flex items-center gap-x-3">
       <input type="radio" name="cue" value="SNS" {cue:checked#SNS} id="cue-sns"
-        class="appearance-none h-4 w-4 border border-gray-300 rounded-full text-indigo-600 focus:ring-indigo-600 bg-no-repeat bg-[length:.5rem_auto] bg-center checked:border-transparent checked:bg-current checked:bg-circle">
+        class="appearance-none h-4 w-4 border border-gray-200 rounded-full text-indigo-600 focus:ring-indigo-600 bg-no-repeat bg-[length:.5rem_auto] bg-center checked:border-transparent checked:bg-current checked:bg-circle">
       <label for="cue-sns" class="font-medium cursor-pointer">SNS</label>
     </div>
     <div class="flex items-center gap-x-3 mt-1">
       <input type="radio" name="cue" value="ウェブ検索" {cue:checked#ウェブ検索} id="cue-search"
-        class="appearance-none h-4 w-4 border border-gray-300 rounded-full text-indigo-600 focus:ring-indigo-600 bg-no-repeat bg-[length:.5rem_auto] bg-center checked:border-transparent checked:bg-current checked:bg-circle">
+        class="appearance-none h-4 w-4 border border-gray-200 rounded-full text-indigo-600 focus:ring-indigo-600 bg-no-repeat bg-[length:.5rem_auto] bg-center checked:border-transparent checked:bg-current checked:bg-circle">
       <label for="cue-search" class="font-medium cursor-pointer">ウェブ検索</label>
     </div>
     <div class="flex items-center gap-x-3 mt-1">
       <input type="radio" name="cue" value="イベント" {cue:checked#イベント} id="cue-event"
-        class="appearance-none h-4 w-4 border border-gray-300 rounded-full text-indigo-600 focus:ring-indigo-600 bg-no-repeat bg-[length:.5rem_auto] bg-center checked:border-transparent checked:bg-current checked:bg-circle">
+        class="appearance-none h-4 w-4 border border-gray-200 rounded-full text-indigo-600 focus:ring-indigo-600 bg-no-repeat bg-[length:.5rem_auto] bg-center checked:border-transparent checked:bg-current checked:bg-circle">
       <label for="cue-event" class="font-medium cursor-pointer">イベント</label>
     </div>
     <div class="flex items-center gap-x-3 mt-1">
       <input type="radio" name="cue" value="その他" {cue:checked#その他} id="cue-others"
-        class="appearance-none h-4 w-4 border border-gray-300 rounded-full text-indigo-600 focus:ring-indigo-600 bg-no-repeat bg-[length:.5rem_auto] bg-center checked:border-transparent checked:bg-current checked:bg-circle">
+        class="appearance-none h-4 w-4 border border-gray-200 rounded-full text-indigo-600 focus:ring-indigo-600 bg-no-repeat bg-[length:.5rem_auto] bg-center checked:border-transparent checked:bg-current checked:bg-circle">
       <label for="cue-others" class="font-medium cursor-pointer">その他</label>
     </div>
     <input type="hidden" name="field[]" value="cue">
@@ -157,7 +157,7 @@ <h2 class="mb-2">
     <div class="relative flex gap-x-3">
       <div class="flex h-6 items-center">
         <input type="checkbox" name="privacy[]" value="1" {privacy:checked#1} id="privacy" data-validator="privacy"
-          class="appearance-none h-4 w-4 border border-gray-300 [&.invalid]:border-red-500 rounded text-indigo-600 focus:ring-indigo-600 bg-[length:.75rem_auto] bg-center bg-no-repeat checked:border-transparent checked:bg-current checked:bg-check">
+          class="appearance-none h-4 w-4 border border-gray-200 [&.invalid]:border-red-500 rounded text-indigo-600 focus:ring-indigo-600 bg-[length:.75rem_auto] bg-center bg-no-repeat checked:border-transparent checked:bg-current checked:bg-check">
       </div>
       <div class="leading-6">
         <label for="privacy" class="font-medium cursor-pointer">上記のプライバシーポリシーに同意する</label>

src/develop/contact/form/main.html

@@ -9,7 +9,7 @@
 <!-- フォームステップ：初期 -->
 <form action="?step=reapply#orderForm" method="post" enctype="multipart/form-data" class="text-gray-800 js-validator">
   @include("/contact/form/input.html")
-  <div class="mt-12 pt-10 text-right border-t border-solid border-slate-300">
+  <div class="mt-12 pt-10 text-right border-t border-solid border-gray-200">
     <input type="hidden" name="step" value="confirm">
     <input type="hidden" name="error" value="reapply">
     <input type="hidden" name="id" value="contactForm">
@@ -24,7 +24,7 @@
 <!-- フォームステップ：修正・エラー -->
 <form action="?step=reapply#orderForm" method="post" enctype="multipart/form-data" class="text-gray-800 js-validator">
   @include("/contact/form/input.html")
-  <div class="mt-12 pt-10 text-right border-t border-solid border-slate-300">
+  <div class="mt-12 pt-10 text-right border-t border-solid border-gray-200">
     <input type="hidden" name="step" value="confirm">
     <input type="hidden" name="error" value="reapply">
     <input type="hidden" name="id" value="contactForm">
@@ -41,7 +41,7 @@
 <p class="text-gray-900 mb-10">以下の内容で送信します。内容に誤りがないかよくご確認ください。</p>
 
 @include("/contact/form/confirm.html")
-<div class="flex justify-end items-center gap-6 mt-12 pt-10 border-t border-solid border-slate-300">
+<div class="flex justify-end items-center gap-6 mt-12 pt-10 border-t border-solid border-gray-200">
   <form action="" method="post">
     <input type="hidden" name="step" value="reapply">
     <input type="hidden" name="takeover" value="{takeover}">

src/develop/include/header.html

@@ -1,13 +1,13 @@
 <header class="max-lg:sticky top-0 left-0 z-10 w-full bg-white" x-data="{ showMenu: false }">
   <div class="px-4">
-    <div class="flex items-center justify-between w-full h-20 mx-auto my-0 leading-6 text-gray-800">
+    <div class="flex items-center justify-between gap-x-4 w-full h-20 mx-auto my-0 leading-6 text-gray-800">
       <!-- BEGIN_MODULE Blog_Field ctx="bid/1" -->
 
       <div class="font-extrabold text-gray-800 lg:w-auto title-font md:mb-0">
         <p>
           <a href="%{BLOG_URL}">
             <!-- BEGIN_IF [{site_logo@path}/nem] -->
-            <img src="%{MEDIA_ARCHIVES_DIR}{site_logo@path}" alt="{site_logo@alt}" class="w-auto h-10 lg:h-16 hover:opacity-70">
+            <img src="%{MEDIA_ARCHIVES_DIR}{site_logo@path}" alt="{site_logo@alt}" class="w-auto h-8 lg:h-12 hover:opacity-70">
             <!-- ELSE -->
             <span>%{BLOG_NAME}</span>
             <!-- END_IF -->

src/develop/include/parts/cta.html

@@ -1,4 +1,4 @@
-<section class="h-auto border-y-2 border-slate-100 border-solid bg-white">
+<section class="h-auto border-y-2 border-gray-200 border-solid bg-white">
   <div class="max-w-7xl mx-auto py-16 px-10 sm:py-24 sm:px-6 lg:px-8 text-center">
       <h2 class="text-4xl font-extrabold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl">Contact</h2>
       <p class="max-w-3xl mt-8 mx-auto">

src/develop/include/parts/page-title.html

@@ -1,4 +1,4 @@
-<div class="h-auto border-y-2 border-slate-100 border-solid bg-white">
+<div class="h-auto border-y-2 border-gray-200 border-solid bg-white">
   <div class="max-w-7xl mx-auto py-16 px-10 sm:py-24 sm:px-6 lg:px-8 text-center">
     <!-- BEGIN_MODULE Touch_Category -->
     <h1 class="mt-1 text-4xl font-extrabold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl first-letter:uppercase">%{ROOT_CATEGORY_NAME}</h1>

src/develop/include/parts/search-keyword.html

@@ -2,7 +2,7 @@
   <input type="hidden" name="bid" value="%{BID}">
   <input type="hidden" name="cid" value="%{CID}">
   <div class="relative w-full max-w-xs mx-auto">
-    <input type="text" name="keyword" placeholder="検索キーワード" value="%{KEYWORD}" class="flex w-full h-10 px-3 pr-10 py-2 text-sm bg-white border rounded-md border-neutral-300 ring-offset-background placeholder:text-neutral-500 focus:border-neutral-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-400 disabled:cursor-not-allowed disabled:opacity-50">
+    <input type="text" name="keyword" placeholder="検索キーワード" value="%{KEYWORD}" class="flex w-full h-10 px-3 pr-10 py-2 text-sm bg-white border rounded-md border-gray-200 ring-offset-background placeholder:text-neutral-500 focus:border-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-400 disabled:cursor-not-allowed disabled:opacity-50">
     <button type="submit" name="ACMS_POST_2GET" class="absolute inset-y-0 right-3">
       <span class="sr-only">検索</span>
       <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-gray-700">