<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>施工事例 &#8211; 株式会社 谷口看板店</title>
	<atom:link href="https://taniguchi-kanbanten.com/category/works/feed/" rel="self" type="application/rss+xml" />
	<link>https://taniguchi-kanbanten.com</link>
	<description>株式会社谷口看板店｜愛知県瀬戸市　看板・ディスプレイ・リフォーム・塗装・各種印刷・アメニティー</description>
	<lastBuildDate>Mon, 23 Feb 2026 16:56:59 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://taniguchi-kanbanten.com/wp-content/uploads/2025/01/cropped-フッターロゴ2-32x32.png</url>
	<title>施工事例 &#8211; 株式会社 谷口看板店</title>
	<link>https://taniguchi-kanbanten.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>全体</title>
		<link>https://taniguchi-kanbanten.com/%e5%85%a8%e4%bd%93/</link>
					<comments>https://taniguchi-kanbanten.com/%e5%85%a8%e4%bd%93/#respond</comments>
		
		<dc:creator><![CDATA[taniguchikanbanten0307]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 12:49:25 +0000</pubDate>
				<category><![CDATA[施工事例]]></category>
		<guid isPermaLink="false">https://test-cookies-company.com/?p=1676</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull" style="background-color:#f6f4f3"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================
   WORKS 見出し（SWELL用）
   - 幅：1100px
   - 2行とも左寄せ
   - 背景なし
   - 赤：#C42D2D
========================= */
.works-title-wrap{
  --wrap-w: 1100px;
  --red: #C42D2D;

  max-width: var(--wrap-w);
  margin: 0 auto;
  padding: 18px 0; /* 背景なしなので上下だけ軽く余白 */
  box-sizing: border-box;
}

.works-title{
  margin: 0 0 32px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.0;
  color: var(--red);
  font-size: 60px; /* PC想定（画像の雰囲気に合わせた大きめ） */
}

.works-subtitle{
  margin: 14px 0 0;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.2;
  color: #111;
  font-size: 16px; /* 指定 */
}

/* =========================
   Responsive
========================= */
@media (max-width: 1200px){
  .works-title-wrap{
    padding: 18px 16px; /* 画面端の詰まり防止 */
  }
}

@media (max-width: 768px){
  .works-title{
    font-size: 52px;
  }
  .works-subtitle{
    margin-top: 10px;
    font-size: 17px; /* 指定どおり固定 */
  }
}

@media (max-width: 480px){
  .works-title{
    font-size: 42px;
  }
}
</style>

<div class="works-title-wrap">
  <p class="works-title">WORKS</p>
  <p class="works-subtitle">施工事例</p>
</div>
</div></div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull u-mb-ctrl u-mb-0" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-container">
<style>
/* --- 基本レイアウト --- */
.cs-main-container * { box-sizing: border-box; }
.cs-main-container {
  width: 100% !important;
  margin: 0 auto !important;
  max-width: 1100px !important;
  padding: 0 16px;
  clear: both;
}
.cs-wrap {
  --accent: #B81D1D;
  --text: #111;
  --muted: #666;
  width: 100%;
  padding: 28px 0 44px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: var(--text);
  text-align: left;
}
.cs-title {
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  margin: 0 0 12px;
  padding-left: 14px;
  border-left: 4px solid var(--accent);
  line-height: 1.3;
}
.cs-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 30px;
  color: var(--muted);
}
.cs-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.cs-thumb {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #000;
  cursor: pointer;
}
.cs-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
  transition: transform 0.6s, opacity 0.5s;
}
.cs-thumb:hover img { transform: scale(1.1); opacity: 0.6; }
.cs-thumb::after {
  content: "拡大表示";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  color: #fff; border: 1px solid #fff; padding: 10px 20px;
  opacity: 0; transition: all 0.4s;
  white-space: nowrap;
}
.cs-thumb:hover::after { opacity: 1; transform: translate(-50%, -50%); }

/* --- 拡大画面 --- */
.cs-lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.8);
  display: none; align-items: center; justify-content: center;
  padding: 40px; z-index: 1000000;
  backdrop-filter: blur(4px);
}
.cs-lightbox.is-active { display: flex; }
.cs-lightbox-inner {
  position: relative; width: 100%; max-width: 750px;  
  max-height: 70vh; text-align: center;
}
.cs-lightbox-inner img {
  width: auto; height: auto; max-width: 100%; max-height: 70vh;
  object-fit: contain; border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.cs-lightbox-close {
  position: absolute; top: -45px; right: 0;
  color: #fff; font-size: 40px; cursor: pointer;
  background: none; border: none;
  line-height: 1;
}

@media (max-width: 680px) {
  .cs-gallery { grid-template-columns: repeat(2, 1fr) !important; } /* スマホでも見やすいよう2列に調整 */
  .cs-lightbox { padding: 20px; }
  .cs-lightbox-inner { max-width: 95%; }
}
@media (max-width: 480px) {
  .cs-gallery { grid-template-columns: 1fr !important; }
}
</style>

<div class="cs-main-container">
  <div class="cs-wrap">
    <div class="cs-title">全体</div>
    <div class="cs-desc">
      全体的に施工に携わらせていただいた施工事例です。看板から表示物まで、用途に合わせて制作します。
    </div>

    <ul class="cs-gallery">
      <li><div class="cs-thumb" onclick="openCsLightbox('p1')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体01.jpg"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p2')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体02.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p3')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体03.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p4')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体04.jpg"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p5')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体05.jpg"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p6')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体06.jpg"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p7')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体07.jpg"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p8')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体08.jpg"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p9')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体09.jpg"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p10')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体10.jpg"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p11')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体11.jpg"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p12')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体12.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p13')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体13.jpg"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p14')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体14.jpg"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p15')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体15.png"></div></li>
    </ul>
  </div>
</div>

<div id="p1" class="cs-lightbox" onclick="closeCsLightbox('p1')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体01.jpg"></div></div>
<div id="p2" class="cs-lightbox" onclick="closeCsLightbox('p2')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体02.png"></div></div>
<div id="p3" class="cs-lightbox" onclick="closeCsLightbox('p3')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体03.png"></div></div>
<div id="p4" class="cs-lightbox" onclick="closeCsLightbox('p4')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体04.jpg"></div></div>
<div id="p5" class="cs-lightbox" onclick="closeCsLightbox('p5')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体05.jpg"></div></div>
<div id="p6" class="cs-lightbox" onclick="closeCsLightbox('p6')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体06.jpg"></div></div>
<div id="p7" class="cs-lightbox" onclick="closeCsLightbox('p7')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体07.jpg"></div></div>
<div id="p8" class="cs-lightbox" onclick="closeCsLightbox('p8')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体08.jpg"></div></div>
<div id="p9" class="cs-lightbox" onclick="closeCsLightbox('p9')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体09.jpg"></div></div>
<div id="p10" class="cs-lightbox" onclick="closeCsLightbox('p10')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体10.jpg"></div></div>
<div id="p11" class="cs-lightbox" onclick="closeCsLightbox('p11')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体11.jpg"></div></div>
<div id="p12" class="cs-lightbox" onclick="closeCsLightbox('p12')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体12.png"></div></div>
<div id="p13" class="cs-lightbox" onclick="closeCsLightbox('p13')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体13.jpg"></div></div>
<div id="p14" class="cs-lightbox" onclick="closeCsLightbox('p14')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体14.jpg"></div></div>
<div id="p15" class="cs-lightbox" onclick="closeCsLightbox('p15')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/全体15.png"></div></div>

<script>
function openCsLightbox(id) {
  document.getElementById(id).classList.add('is-active');
  document.body.style.overflow = 'hidden';
}
function closeCsLightbox(id) {
  document.getElementById(id).classList.remove('is-active');
  document.body.style.overflow = '';
}
</script>



<style>
/* ボタン専用のスタイル */
.single-back-btn-wrap {
  width: 100%;
  max-width: 1100px; /* 他のブロックと幅を合わせる */
  margin: 40px auto;
  padding: 0 16px;
  text-align: center; /* 中央寄せ（左がいい場合はleftに変更） */
}

.single-back-text {
  display: inline-block;
  color: #111; /* 文字色 */
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: sans-serif;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 10px; /* クリック領域を少し広げる */
}

/* 矢印アイコン */
.single-back-text::before {
  content: "←";
  margin-right: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* マウスを合わせた時の動き */
.single-back-text:hover {
  color: #B81D1D; /* ホバー時に赤色へ（お好みで変更可） */
  transform: translateY(-2px); /* 少し浮き上がる */
}

.single-back-text:hover::before {
  transform: translateX(-5px); /* 矢印だけ左にスライド */
}
</style>

<div class="single-back-btn-wrap">
  <a href="https://taniguchi-kanbanten.com/施工事例/" class="single-back-text">戻る</a>
</div>
</div></div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 has-bg-img alignfull lazyload u-mb-ctrl u-mb-0" style="background-color:rgba(184, 29, 29, 0.8)" data-bg="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/トップ素材01.png"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================================
   SWELL用：シンプル暗色文字フッター（HTML+CSS一体）
   ・背景なし（透過）
   ・見出しタグ不使用
   ・レスポンシブ対応
   ・900px以下で「メニュー → 会社情報」の順に並べ替え
   ・プライバシーポリシー／免責事項は横並び
========================================= */

/* =========================
   Base
========================= */
.tg-footer{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.5);

  background: transparent;
  color: var(--text);
}

.tg-footer__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 20px;
}

.tg-footer__grid{
  display: grid;
  grid-template-columns: 1.1fr 2fr;
  gap: 40px;
  align-items: start;
}

/* =========================
   Left : Logo / Company
========================= */
.tg-footer__logo{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.tg-footer__logo img{
  max-width: 250px;
  height: auto;
  display: block;
}

.tg-footer__company{
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
  color: #fff;
}

.tg-footer__copyright{
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
  letter-spacing: .04em;
}

/* =========================
   Right : Nav
========================= */
.tg-footer__nav{
  width: min(520px, 100%);
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Menu list */
.tg-footer__navList{
  list-style: none;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;

  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 40px;
}

/* 1行目（ホーム／サービス内容）の上線 */
.tg-footer__navItem:nth-child(-n+2) a{
  border-top: 1px solid var(--line);
}

.tg-footer__navItem a{
  display: block;
  padding: 12px 0;
  font-size: 14px;
  letter-spacing: .06em;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  transition: opacity .2s ease;
}

.tg-footer__navItem a:hover{
  opacity: .75;
}

/* ★ ここが追加：最後の通常メニュー（お問い合わせ）の下余白を詰める */
.tg-footer__navList > .tg-footer__navItem:nth-child(4) a{
  padding-bottom: 12px;
}

/* ▼ 法的リンク（横並び用コンテナ） */
.tg-footer__navItem--legal{
  grid-column: span 2;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.tg-footer__legal{
  display: flex;
  gap: 1.5em;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 法的リンクの見た目 */
.tg-footer__legal a{
  font-size: 12px;
  color: var(--text);
  text-decoration: none;
  border: none !important;
}

.tg-footer__legal a:hover{
  opacity: .75;
}

/* Notice */
.tg-footer__notice{
  width: 100%;
  margin-top: 0 !important;

  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  letter-spacing: .03em;
  white-space: pre-line;
}

/* =========================
   Responsive
========================= */
@media (max-width:900px){
  .tg-footer__grid{
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .tg-footer__nav{
    width: 100%;
    order: 1;
  }

  .tg-footer__grid > div{
    order: 2;
  }

  /* SP時：注意事項の下に余白を追加 */
  .tg-footer__notice{
    margin-bottom: 16px; /* ← 余白量（12〜24pxで調整OK） */
  }
}

</style>

<footer class="tg-footer">
  <div class="tg-footer__inner">
    <div class="tg-footer__grid">

      <!-- 左：会社情報 -->
      <div>
        <div class="tg-footer__logo">
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2024/12/ヘッダーロゴ.png" alt="（株）谷口看板店">
        </div>

        <p class="tg-footer__company">
          （株）谷口看板店<br>
          〒489-0906 愛知県瀬戸市本郷町682-4<br>
          TEL：0561-76-4161<br>
          FAX：0561-76-4164
        </p>

        <div class="tg-footer__copyright">
          © （株）谷口看板店 All Rights Reserved.
        </div>
      </div>

      <!-- 右：メニュー -->
      <nav class="tg-footer__nav" aria-label="フッターメニュー">
        <ul class="tg-footer__navList">
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/">ホーム</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/#service">サービス内容</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/施工事例/">施工事例</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/お問い合わせ/">お問い合わせ</a></li>

          <!-- プライバシー／免責（横並び） -->
          <li class="tg-footer__navItem tg-footer__navItem--legal">
            <div class="tg-footer__legal">
              <a href="https://taniguchi-kanbanten.com/privacy-policy/">プライバシーポリシー</a>
              <a href="https://taniguchi-kanbanten.com/免責事項/">免責事項</a>
            </div>
          </li>
        </ul>

        <div class="tg-footer__notice">
暴力団・右翼関係の依頼は承る事ができません。
一見さんはこちらの都合上対応が遅くなる可能性があります。
        </div>
      </nav>

    </div>
  </div>
</footer>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://taniguchi-kanbanten.com/%e5%85%a8%e4%bd%93/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>銘板・プレートサイン・各種許可看板</title>
		<link>https://taniguchi-kanbanten.com/%e9%8a%98%e6%9d%bf-%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%82%b5%e3%82%a4%e3%83%b3-%e5%90%84%e7%a8%ae%e8%a8%b1%e5%8f%af%e7%9c%8b%e6%9d%bf/</link>
					<comments>https://taniguchi-kanbanten.com/%e9%8a%98%e6%9d%bf-%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%82%b5%e3%82%a4%e3%83%b3-%e5%90%84%e7%a8%ae%e8%a8%b1%e5%8f%af%e7%9c%8b%e6%9d%bf/#respond</comments>
		
		<dc:creator><![CDATA[taniguchikanbanten0307]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 12:48:46 +0000</pubDate>
				<category><![CDATA[施工事例]]></category>
		<guid isPermaLink="false">https://test-cookies-company.com/?p=1674</guid>

					<description><![CDATA[戻る]]></description>
										<content:encoded><![CDATA[
<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull" style="background-color:#f6f4f3"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================
   WORKS 見出し（SWELL用）
   - 幅：1100px
   - 2行とも左寄せ
   - 背景なし
   - 赤：#C42D2D
========================= */
.works-title-wrap{
  --wrap-w: 1100px;
  --red: #C42D2D;

  max-width: var(--wrap-w);
  margin: 0 auto;
  padding: 18px 0; /* 背景なしなので上下だけ軽く余白 */
  box-sizing: border-box;
}

.works-title{
  margin: 0 0 32px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.0;
  color: var(--red);
  font-size: 60px; /* PC想定（画像の雰囲気に合わせた大きめ） */
}

.works-subtitle{
  margin: 14px 0 0;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.2;
  color: #111;
  font-size: 16px; /* 指定 */
}

/* =========================
   Responsive
========================= */
@media (max-width: 1200px){
  .works-title-wrap{
    padding: 18px 16px; /* 画面端の詰まり防止 */
  }
}

@media (max-width: 768px){
  .works-title{
    font-size: 52px;
  }
  .works-subtitle{
    margin-top: 10px;
    font-size: 17px; /* 指定どおり固定 */
  }
}

@media (max-width: 480px){
  .works-title{
    font-size: 42px;
  }
}
</style>

<div class="works-title-wrap">
  <p class="works-title">WORKS</p>
  <p class="works-subtitle">施工事例</p>
</div>
</div></div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull u-mb-ctrl u-mb-0" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-container">
<style>
/* --- 基本レイアウト --- */
.cs-main-container * { box-sizing: border-box; }
.cs-main-container {
  width: 100% !important;
  margin: 0 auto !important;
  max-width: 1100px !important;
  padding: 0 16px;
  clear: both;
}
.cs-wrap {
  --accent: #B81D1D;
  --text: #111;
  --muted: #666;
  width: 100%;
  padding: 28px 0 44px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: var(--text);
  text-align: left;
}
.cs-title {
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  margin: 0 0 12px;
  padding-left: 14px;
  border-left: 4px solid var(--accent);
  line-height: 1.3;
}
.cs-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 30px;
  color: var(--muted);
}
.cs-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.cs-thumb {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #000;
  cursor: pointer;
}
.cs-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
  transition: transform 0.6s, opacity 0.5s;
}
.cs-thumb:hover img { transform: scale(1.1); opacity: 0.6; }
.cs-thumb::after {
  content: "拡大表示";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  color: #fff; border: 1px solid #fff; padding: 10px 20px;
  opacity: 0; transition: all 0.4s;
}
.cs-thumb:hover::after { opacity: 1; transform: translate(-50%, -50%); }

/* --- 拡大画面 --- */
.cs-lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.8);
  display: none; align-items: center; justify-content: center;
  padding: 40px; z-index: 1000000;
  backdrop-filter: blur(4px);
}
.cs-lightbox.is-active { display: flex; }
.cs-lightbox-inner {
  position: relative; width: 100%; max-width: 750px;  
  max-height: 70vh; text-align: center;
}
.cs-lightbox-inner img {
  width: auto; height: auto; max-width: 100%; max-height: 70vh;
  object-fit: contain; border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.cs-lightbox-close {
  position: absolute; top: -45px; right: 0;
  color: #fff; font-size: 30px; cursor: pointer;
  background: none; border: none;
}

@media (max-width: 680px) {
  .cs-gallery { grid-template-columns: 1fr !important; }
  .cs-lightbox { padding: 20px; }
  .cs-lightbox-inner { max-width: 95%; }
}
</style>

<div class="cs-main-container">
  <div class="cs-wrap">
    <div class="cs-title">銘板・プレートサイン・各種許可看板</div>
    <div class="cs-desc">
      銘板・プレートサイン・各種許可看板は、必要な情報を分かりやすく表示するための看板です。入口まわりや壁面に設置することで、訪れる方に安心感を与えます。シンプルで見やすい表示が多く、建物の印象を整える役割もあります。オフィスや店舗、施設など、さまざまな場所で使われています。
    </div>

    <ul class="cs-gallery">
      <li><div class="cs-thumb" onclick="openCsLightbox('p1')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/銘板・プレートサイン・各種許可看板01.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p2')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/銘板・プレートサイン・各種許可看板02.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p3')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/銘板・プレートサイン・各種許可看板03.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p4')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/銘板・プレートサイン・各種許可看板04.png"></div></li>
    </ul>
  </div>
</div>

<div id="p1" class="cs-lightbox" onclick="closeCsLightbox('p1')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/銘板・プレートサイン・各種許可看板01.png"></div></div>
<div id="p2" class="cs-lightbox" onclick="closeCsLightbox('p2')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/銘板・プレートサイン・各種許可看板02.png"></div></div>
<div id="p3" class="cs-lightbox" onclick="closeCsLightbox('p3')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/銘板・プレートサイン・各種許可看板03.png"></div></div>
<div id="p4" class="cs-lightbox" onclick="closeCsLightbox('p4')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/銘板・プレートサイン・各種許可看板04.png"></div></div>

<script>
function openCsLightbox(id) {
  document.getElementById(id).classList.add('is-active');
  document.body.style.overflow = 'hidden';
}
function closeCsLightbox(id) {
  document.getElementById(id).classList.remove('is-active');
  document.body.style.overflow = '';
}
</script>
</div></div>



<style>
/* ボタン専用のスタイル */
.single-back-btn-wrap {
  width: 100%;
  max-width: 1100px; /* 他のブロックと幅を合わせる */
  margin: 40px auto;
  padding: 0 16px;
  text-align: center; /* 中央寄せ（左がいい場合はleftに変更） */
}

.single-back-text {
  display: inline-block;
  color: #111; /* 文字色 */
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: sans-serif;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 10px; /* クリック領域を少し広げる */
}

/* 矢印アイコン */
.single-back-text::before {
  content: "←";
  margin-right: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* マウスを合わせた時の動き */
.single-back-text:hover {
  color: #B81D1D; /* ホバー時に赤色へ（お好みで変更可） */
  transform: translateY(-2px); /* 少し浮き上がる */
}

.single-back-text:hover::before {
  transform: translateX(-5px); /* 矢印だけ左にスライド */
}
</style>

<div class="single-back-btn-wrap">
  <a href="https://taniguchi-kanbanten.com/施工事例/" class="single-back-text">戻る</a>
</div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 has-bg-img alignfull lazyload u-mb-ctrl u-mb-0" style="background-color:rgba(184, 29, 29, 0.8)" data-bg="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/トップ素材01.png"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================================
   SWELL用：シンプル暗色文字フッター（HTML+CSS一体）
   ・背景なし（透過）
   ・見出しタグ不使用
   ・レスポンシブ対応
   ・900px以下で「メニュー → 会社情報」の順に並べ替え
   ・プライバシーポリシー／免責事項は横並び
========================================= */

/* =========================
   Base
========================= */
.tg-footer{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.5);

  background: transparent;
  color: var(--text);
}

.tg-footer__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 20px;
}

.tg-footer__grid{
  display: grid;
  grid-template-columns: 1.1fr 2fr;
  gap: 40px;
  align-items: start;
}

/* =========================
   Left : Logo / Company
========================= */
.tg-footer__logo{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.tg-footer__logo img{
  max-width: 250px;
  height: auto;
  display: block;
}

.tg-footer__company{
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
  color: #fff;
}

.tg-footer__copyright{
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
  letter-spacing: .04em;
}

/* =========================
   Right : Nav
========================= */
.tg-footer__nav{
  width: min(520px, 100%);
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Menu list */
.tg-footer__navList{
  list-style: none;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;

  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 40px;
}

/* 1行目（ホーム／サービス内容）の上線 */
.tg-footer__navItem:nth-child(-n+2) a{
  border-top: 1px solid var(--line);
}

.tg-footer__navItem a{
  display: block;
  padding: 12px 0;
  font-size: 14px;
  letter-spacing: .06em;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  transition: opacity .2s ease;
}

.tg-footer__navItem a:hover{
  opacity: .75;
}

/* ★ ここが追加：最後の通常メニュー（お問い合わせ）の下余白を詰める */
.tg-footer__navList > .tg-footer__navItem:nth-child(4) a{
  padding-bottom: 12px;
}

/* ▼ 法的リンク（横並び用コンテナ） */
.tg-footer__navItem--legal{
  grid-column: span 2;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.tg-footer__legal{
  display: flex;
  gap: 1.5em;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 法的リンクの見た目 */
.tg-footer__legal a{
  font-size: 12px;
  color: var(--text);
  text-decoration: none;
  border: none !important;
}

.tg-footer__legal a:hover{
  opacity: .75;
}

/* Notice */
.tg-footer__notice{
  width: 100%;
  margin-top: 0 !important;

  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  letter-spacing: .03em;
  white-space: pre-line;
}

/* =========================
   Responsive
========================= */
@media (max-width:900px){
  .tg-footer__grid{
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .tg-footer__nav{
    width: 100%;
    order: 1;
  }

  .tg-footer__grid > div{
    order: 2;
  }

  /* SP時：注意事項の下に余白を追加 */
  .tg-footer__notice{
    margin-bottom: 16px; /* ← 余白量（12〜24pxで調整OK） */
  }
}

</style>

<footer class="tg-footer">
  <div class="tg-footer__inner">
    <div class="tg-footer__grid">

      <!-- 左：会社情報 -->
      <div>
        <div class="tg-footer__logo">
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2024/12/ヘッダーロゴ.png" alt="（株）谷口看板店">
        </div>

        <p class="tg-footer__company">
          （株）谷口看板店<br>
          〒489-0906 愛知県瀬戸市本郷町682-4<br>
          TEL：0561-76-4161<br>
          FAX：0561-76-4164
        </p>

        <div class="tg-footer__copyright">
          © （株）谷口看板店 All Rights Reserved.
        </div>
      </div>

      <!-- 右：メニュー -->
      <nav class="tg-footer__nav" aria-label="フッターメニュー">
        <ul class="tg-footer__navList">
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/">ホーム</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/#service">サービス内容</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/施工事例/">施工事例</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/お問い合わせ/">お問い合わせ</a></li>

          <!-- プライバシー／免責（横並び） -->
          <li class="tg-footer__navItem tg-footer__navItem--legal">
            <div class="tg-footer__legal">
              <a href="https://taniguchi-kanbanten.com/privacy-policy/">プライバシーポリシー</a>
              <a href="https://taniguchi-kanbanten.com/免責事項/">免責事項</a>
            </div>
          </li>
        </ul>

        <div class="tg-footer__notice">
暴力団・右翼関係の依頼は承る事ができません。
一見さんはこちらの都合上対応が遅くなる可能性があります。
        </div>
      </nav>

    </div>
  </div>
</footer>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://taniguchi-kanbanten.com/%e9%8a%98%e6%9d%bf-%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%82%b5%e3%82%a4%e3%83%b3-%e5%90%84%e7%a8%ae%e8%a8%b1%e5%8f%af%e7%9c%8b%e6%9d%bf/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>壁面サイン</title>
		<link>https://taniguchi-kanbanten.com/%e5%a3%81%e9%9d%a2%e3%82%b5%e3%82%a4%e3%83%b3/</link>
					<comments>https://taniguchi-kanbanten.com/%e5%a3%81%e9%9d%a2%e3%82%b5%e3%82%a4%e3%83%b3/#respond</comments>
		
		<dc:creator><![CDATA[taniguchikanbanten0307]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 12:48:11 +0000</pubDate>
				<category><![CDATA[施工事例]]></category>
		<guid isPermaLink="false">https://test-cookies-company.com/?p=1672</guid>

					<description><![CDATA[戻る]]></description>
										<content:encoded><![CDATA[
<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull" style="background-color:#f6f4f3"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================
   WORKS 見出し（SWELL用）
   - 幅：1100px
   - 2行とも左寄せ
   - 背景なし
   - 赤：#C42D2D
========================= */
.works-title-wrap{
  --wrap-w: 1100px;
  --red: #C42D2D;

  max-width: var(--wrap-w);
  margin: 0 auto;
  padding: 18px 0; /* 背景なしなので上下だけ軽く余白 */
  box-sizing: border-box;
}

.works-title{
  margin: 0 0 32px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.0;
  color: var(--red);
  font-size: 60px; /* PC想定（画像の雰囲気に合わせた大きめ） */
}

.works-subtitle{
  margin: 14px 0 0;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.2;
  color: #111;
  font-size: 16px; /* 指定 */
}

/* =========================
   Responsive
========================= */
@media (max-width: 1200px){
  .works-title-wrap{
    padding: 18px 16px; /* 画面端の詰まり防止 */
  }
}

@media (max-width: 768px){
  .works-title{
    font-size: 52px;
  }
  .works-subtitle{
    margin-top: 10px;
    font-size: 17px; /* 指定どおり固定 */
  }
}

@media (max-width: 480px){
  .works-title{
    font-size: 42px;
  }
}
</style>

<div class="works-title-wrap">
  <p class="works-title">WORKS</p>
  <p class="works-subtitle">施工事例</p>
</div>
</div></div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull u-mb-ctrl u-mb-0" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-container">
<style>
/* --- 基本レイアウト --- */
.cs-main-container * { box-sizing: border-box; }
.cs-main-container {
  width: 100% !important;
  margin: 0 auto !important;
  max-width: 1100px !important;
  padding: 0 16px;
  clear: both;
}
.cs-wrap {
  --accent: #B81D1D;
  --text: #111;
  --muted: #666;
  width: 100%;
  padding: 28px 0 44px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: var(--text);
  text-align: left;
}
.cs-title {
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  margin: 0 0 12px;
  padding-left: 14px;
  border-left: 4px solid var(--accent);
  line-height: 1.3;
}
.cs-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 30px;
  color: var(--muted);
}
.cs-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.cs-thumb {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #000;
  cursor: pointer;
}
.cs-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
  transition: transform 0.6s, opacity 0.5s;
}
.cs-thumb:hover img { transform: scale(1.1); opacity: 0.6; }
.cs-thumb::after {
  content: "拡大表示";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  color: #fff; border: 1px solid #fff; padding: 10px 20px;
  opacity: 0; transition: all 0.4s;
}
.cs-thumb:hover::after { opacity: 1; transform: translate(-50%, -50%); }

/* --- 拡大画面 --- */
.cs-lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.8);
  display: none; align-items: center; justify-content: center;
  padding: 40px; z-index: 1000000;
  backdrop-filter: blur(4px);
}
.cs-lightbox.is-active { display: flex; }
.cs-lightbox-inner {
  position: relative; width: 100%; max-width: 750px;  
  max-height: 70vh; text-align: center;
}
.cs-lightbox-inner img {
  width: auto; height: auto; max-width: 100%; max-height: 70vh;
  object-fit: contain; border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.cs-lightbox-close {
  position: absolute; top: -45px; right: 0;
  color: #fff; font-size: 30px; cursor: pointer;
  background: none; border: none;
}

@media (max-width: 680px) {
  .cs-gallery { grid-template-columns: 1fr !important; }
  .cs-lightbox { padding: 20px; }
  .cs-lightbox-inner { max-width: 95%; }
}
</style>

<div class="cs-main-container">
  <div class="cs-wrap">
    <div class="cs-title">壁面サイン</div>
    <div class="cs-desc">
      壁面サインは、建物の壁を使って設置する看板です。通りから見えやすく、建物の印象を大きく左右します。お店や会社の名前、ロゴを大きく表示することで、存在感のある外観をつくることができます。長く使える案内として、さまざまな場所で活躍します。
    </div>

    <ul class="cs-gallery">
      <li><div class="cs-thumb" onclick="openCsLightbox('p1')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン01.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p2')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン02.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p3')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン03.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p4')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン04.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p5')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン05.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p6')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン06.png"></div></li>
    </ul>
  </div>
</div>

<div id="p1" class="cs-lightbox" onclick="closeCsLightbox('p1')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン01.png"></div></div>
<div id="p2" class="cs-lightbox" onclick="closeCsLightbox('p2')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン02.png"></div></div>
<div id="p3" class="cs-lightbox" onclick="closeCsLightbox('p3')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン03.png"></div></div>
<div id="p4" class="cs-lightbox" onclick="closeCsLightbox('p4')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン04.png"></div></div>
<div id="p5" class="cs-lightbox" onclick="closeCsLightbox('p5')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン05.png"></div></div>
<div id="p6" class="cs-lightbox" onclick="closeCsLightbox('p6')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/壁面サイン06.png"></div></div>

<script>
function openCsLightbox(id) {
  document.getElementById(id).classList.add('is-active');
  document.body.style.overflow = 'hidden';
}
function closeCsLightbox(id) {
  document.getElementById(id).classList.remove('is-active');
  document.body.style.overflow = '';
}
</script>
</div></div>



<style>
/* ボタン専用のスタイル */
.single-back-btn-wrap {
  width: 100%;
  max-width: 1100px; /* 他のブロックと幅を合わせる */
  margin: 40px auto;
  padding: 0 16px;
  text-align: center; /* 中央寄せ（左がいい場合はleftに変更） */
}

.single-back-text {
  display: inline-block;
  color: #111; /* 文字色 */
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: sans-serif;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 10px; /* クリック領域を少し広げる */
}

/* 矢印アイコン */
.single-back-text::before {
  content: "←";
  margin-right: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* マウスを合わせた時の動き */
.single-back-text:hover {
  color: #B81D1D; /* ホバー時に赤色へ（お好みで変更可） */
  transform: translateY(-2px); /* 少し浮き上がる */
}

.single-back-text:hover::before {
  transform: translateX(-5px); /* 矢印だけ左にスライド */
}
</style>

<div class="single-back-btn-wrap">
  <a href="https://taniguchi-kanbanten.com/施工事例/" class="single-back-text">戻る</a>
</div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 has-bg-img alignfull lazyload u-mb-ctrl u-mb-0" style="background-color:rgba(184, 29, 29, 0.8)" data-bg="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/トップ素材01.png"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================================
   SWELL用：シンプル暗色文字フッター（HTML+CSS一体）
   ・背景なし（透過）
   ・見出しタグ不使用
   ・レスポンシブ対応
   ・900px以下で「メニュー → 会社情報」の順に並べ替え
   ・プライバシーポリシー／免責事項は横並び
========================================= */

/* =========================
   Base
========================= */
.tg-footer{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.5);

  background: transparent;
  color: var(--text);
}

.tg-footer__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 20px;
}

.tg-footer__grid{
  display: grid;
  grid-template-columns: 1.1fr 2fr;
  gap: 40px;
  align-items: start;
}

/* =========================
   Left : Logo / Company
========================= */
.tg-footer__logo{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.tg-footer__logo img{
  max-width: 250px;
  height: auto;
  display: block;
}

.tg-footer__company{
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
  color: #fff;
}

.tg-footer__copyright{
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
  letter-spacing: .04em;
}

/* =========================
   Right : Nav
========================= */
.tg-footer__nav{
  width: min(520px, 100%);
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Menu list */
.tg-footer__navList{
  list-style: none;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;

  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 40px;
}

/* 1行目（ホーム／サービス内容）の上線 */
.tg-footer__navItem:nth-child(-n+2) a{
  border-top: 1px solid var(--line);
}

.tg-footer__navItem a{
  display: block;
  padding: 12px 0;
  font-size: 14px;
  letter-spacing: .06em;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  transition: opacity .2s ease;
}

.tg-footer__navItem a:hover{
  opacity: .75;
}

/* ★ ここが追加：最後の通常メニュー（お問い合わせ）の下余白を詰める */
.tg-footer__navList > .tg-footer__navItem:nth-child(4) a{
  padding-bottom: 12px;
}

/* ▼ 法的リンク（横並び用コンテナ） */
.tg-footer__navItem--legal{
  grid-column: span 2;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.tg-footer__legal{
  display: flex;
  gap: 1.5em;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 法的リンクの見た目 */
.tg-footer__legal a{
  font-size: 12px;
  color: var(--text);
  text-decoration: none;
  border: none !important;
}

.tg-footer__legal a:hover{
  opacity: .75;
}

/* Notice */
.tg-footer__notice{
  width: 100%;
  margin-top: 0 !important;

  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  letter-spacing: .03em;
  white-space: pre-line;
}

/* =========================
   Responsive
========================= */
@media (max-width:900px){
  .tg-footer__grid{
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .tg-footer__nav{
    width: 100%;
    order: 1;
  }

  .tg-footer__grid > div{
    order: 2;
  }

  /* SP時：注意事項の下に余白を追加 */
  .tg-footer__notice{
    margin-bottom: 16px; /* ← 余白量（12〜24pxで調整OK） */
  }
}

</style>

<footer class="tg-footer">
  <div class="tg-footer__inner">
    <div class="tg-footer__grid">

      <!-- 左：会社情報 -->
      <div>
        <div class="tg-footer__logo">
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2024/12/ヘッダーロゴ.png" alt="（株）谷口看板店">
        </div>

        <p class="tg-footer__company">
          （株）谷口看板店<br>
          〒489-0906 愛知県瀬戸市本郷町682-4<br>
          TEL：0561-76-4161<br>
          FAX：0561-76-4164
        </p>

        <div class="tg-footer__copyright">
          © （株）谷口看板店 All Rights Reserved.
        </div>
      </div>

      <!-- 右：メニュー -->
      <nav class="tg-footer__nav" aria-label="フッターメニュー">
        <ul class="tg-footer__navList">
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/">ホーム</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/#service">サービス内容</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/施工事例/">施工事例</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/お問い合わせ/">お問い合わせ</a></li>

          <!-- プライバシー／免責（横並び） -->
          <li class="tg-footer__navItem tg-footer__navItem--legal">
            <div class="tg-footer__legal">
              <a href="https://taniguchi-kanbanten.com/privacy-policy/">プライバシーポリシー</a>
              <a href="https://taniguchi-kanbanten.com/免責事項/">免責事項</a>
            </div>
          </li>
        </ul>

        <div class="tg-footer__notice">
暴力団・右翼関係の依頼は承る事ができません。
一見さんはこちらの都合上対応が遅くなる可能性があります。
        </div>
      </nav>

    </div>
  </div>
</footer>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://taniguchi-kanbanten.com/%e5%a3%81%e9%9d%a2%e3%82%b5%e3%82%a4%e3%83%b3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>舞台装飾</title>
		<link>https://taniguchi-kanbanten.com/%e8%88%9e%e5%8f%b0%e8%a3%85%e9%a3%be/</link>
					<comments>https://taniguchi-kanbanten.com/%e8%88%9e%e5%8f%b0%e8%a3%85%e9%a3%be/#respond</comments>
		
		<dc:creator><![CDATA[taniguchikanbanten0307]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 12:47:37 +0000</pubDate>
				<category><![CDATA[施工事例]]></category>
		<guid isPermaLink="false">https://test-cookies-company.com/?p=1670</guid>

					<description><![CDATA[戻る]]></description>
										<content:encoded><![CDATA[
<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull" style="background-color:#f6f4f3"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================
   WORKS 見出し（SWELL用）
   - 幅：1100px
   - 2行とも左寄せ
   - 背景なし
   - 赤：#C42D2D
========================= */
.works-title-wrap{
  --wrap-w: 1100px;
  --red: #C42D2D;

  max-width: var(--wrap-w);
  margin: 0 auto;
  padding: 18px 0; /* 背景なしなので上下だけ軽く余白 */
  box-sizing: border-box;
}

.works-title{
  margin: 0 0 32px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.0;
  color: var(--red);
  font-size: 60px; /* PC想定（画像の雰囲気に合わせた大きめ） */
}

.works-subtitle{
  margin: 14px 0 0;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.2;
  color: #111;
  font-size: 16px; /* 指定 */
}

/* =========================
   Responsive
========================= */
@media (max-width: 1200px){
  .works-title-wrap{
    padding: 18px 16px; /* 画面端の詰まり防止 */
  }
}

@media (max-width: 768px){
  .works-title{
    font-size: 52px;
  }
  .works-subtitle{
    margin-top: 10px;
    font-size: 17px; /* 指定どおり固定 */
  }
}

@media (max-width: 480px){
  .works-title{
    font-size: 42px;
  }
}
</style>

<div class="works-title-wrap">
  <p class="works-title">WORKS</p>
  <p class="works-subtitle">施工事例</p>
</div>
</div></div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull u-mb-ctrl u-mb-0" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-container">
<style>
/* --- 基本レイアウト --- */
.cs-main-container * { box-sizing: border-box; }
.cs-main-container {
  width: 100% !important;
  margin: 0 auto !important;
  max-width: 1100px !important;
  padding: 0 16px;
  clear: both;
}
.cs-wrap {
  --accent: #B81D1D;
  --text: #111;
  --muted: #666;
  width: 100%;
  padding: 28px 0 44px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: var(--text);
  text-align: left;
}
.cs-title {
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  margin: 0 0 12px;
  padding-left: 14px;
  border-left: 4px solid var(--accent);
  line-height: 1.3;
}
.cs-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 30px;
  color: var(--muted);
}
.cs-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.cs-thumb {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #000;
  cursor: pointer;
}
.cs-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
  transition: transform 0.6s, opacity 0.5s;
}
.cs-thumb:hover img { transform: scale(1.1); opacity: 0.6; }
.cs-thumb::after {
  content: "拡大表示";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  color: #fff; border: 1px solid #fff; padding: 10px 20px;
  opacity: 0; transition: all 0.4s;
}
.cs-thumb:hover::after { opacity: 1; transform: translate(-50%, -50%); }

/* --- 拡大画面 --- */
.cs-lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.8);
  display: none; align-items: center; justify-content: center;
  padding: 40px; z-index: 1000000;
  backdrop-filter: blur(4px);
}
.cs-lightbox.is-active { display: flex; }
.cs-lightbox-inner {
  position: relative; width: 100%; max-width: 750px;  
  max-height: 70vh; text-align: center;
}
.cs-lightbox-inner img {
  width: auto; height: auto; max-width: 100%; max-height: 70vh;
  object-fit: contain; border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.cs-lightbox-close {
  position: absolute; top: -45px; right: 0;
  color: #fff; font-size: 30px; cursor: pointer;
  background: none; border: none;
}

@media (max-width: 680px) {
  .cs-gallery { grid-template-columns: 1fr !important; }
  .cs-lightbox { padding: 20px; }
  .cs-lightbox-inner { max-width: 95%; }
}
</style>

<div class="cs-main-container">
  <div class="cs-wrap">
    <div class="cs-title">舞台装飾</div>
    <div class="cs-desc">
      舞台装飾は、イベントや発表会、催し物の雰囲気を引き立てるための装飾です。背景や文字、飾りを工夫することで、会場全体にまとまりと印象深さを持たせることができます。目的やテーマに合わせた装飾で、見る人の記憶に残る空間づくりをお手伝いします。
    </div>

    <ul class="cs-gallery">
      <li><div class="cs-thumb" onclick="openCsLightbox('p1')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/舞台装飾01.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p2')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/舞台装飾02.png"></div></li>
    </ul>
  </div>
</div>

<div id="p1" class="cs-lightbox" onclick="closeCsLightbox('p1')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/舞台装飾01.png"></div></div>
<div id="p2" class="cs-lightbox" onclick="closeCsLightbox('p2')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/舞台装飾02.png"></div></div>

<script>
function openCsLightbox(id) {
  document.getElementById(id).classList.add('is-active');
  document.body.style.overflow = 'hidden';
}
function closeCsLightbox(id) {
  document.getElementById(id).classList.remove('is-active');
  document.body.style.overflow = '';
}
</script>
</div></div>



<style>
/* ボタン専用のスタイル */
.single-back-btn-wrap {
  width: 100%;
  max-width: 1100px; /* 他のブロックと幅を合わせる */
  margin: 40px auto;
  padding: 0 16px;
  text-align: center; /* 中央寄せ（左がいい場合はleftに変更） */
}

.single-back-text {
  display: inline-block;
  color: #111; /* 文字色 */
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: sans-serif;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 10px; /* クリック領域を少し広げる */
}

/* 矢印アイコン */
.single-back-text::before {
  content: "←";
  margin-right: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* マウスを合わせた時の動き */
.single-back-text:hover {
  color: #B81D1D; /* ホバー時に赤色へ（お好みで変更可） */
  transform: translateY(-2px); /* 少し浮き上がる */
}

.single-back-text:hover::before {
  transform: translateX(-5px); /* 矢印だけ左にスライド */
}
</style>

<div class="single-back-btn-wrap">
  <a href="https://taniguchi-kanbanten.com/施工事例/" class="single-back-text">戻る</a>
</div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 has-bg-img alignfull lazyload u-mb-ctrl u-mb-0" style="background-color:rgba(184, 29, 29, 0.8)" data-bg="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/トップ素材01.png"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================================
   SWELL用：シンプル暗色文字フッター（HTML+CSS一体）
   ・背景なし（透過）
   ・見出しタグ不使用
   ・レスポンシブ対応
   ・900px以下で「メニュー → 会社情報」の順に並べ替え
   ・プライバシーポリシー／免責事項は横並び
========================================= */

/* =========================
   Base
========================= */
.tg-footer{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.5);

  background: transparent;
  color: var(--text);
}

.tg-footer__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 20px;
}

.tg-footer__grid{
  display: grid;
  grid-template-columns: 1.1fr 2fr;
  gap: 40px;
  align-items: start;
}

/* =========================
   Left : Logo / Company
========================= */
.tg-footer__logo{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.tg-footer__logo img{
  max-width: 250px;
  height: auto;
  display: block;
}

.tg-footer__company{
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
  color: #fff;
}

.tg-footer__copyright{
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
  letter-spacing: .04em;
}

/* =========================
   Right : Nav
========================= */
.tg-footer__nav{
  width: min(520px, 100%);
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Menu list */
.tg-footer__navList{
  list-style: none;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;

  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 40px;
}

/* 1行目（ホーム／サービス内容）の上線 */
.tg-footer__navItem:nth-child(-n+2) a{
  border-top: 1px solid var(--line);
}

.tg-footer__navItem a{
  display: block;
  padding: 12px 0;
  font-size: 14px;
  letter-spacing: .06em;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  transition: opacity .2s ease;
}

.tg-footer__navItem a:hover{
  opacity: .75;
}

/* ★ ここが追加：最後の通常メニュー（お問い合わせ）の下余白を詰める */
.tg-footer__navList > .tg-footer__navItem:nth-child(4) a{
  padding-bottom: 12px;
}

/* ▼ 法的リンク（横並び用コンテナ） */
.tg-footer__navItem--legal{
  grid-column: span 2;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.tg-footer__legal{
  display: flex;
  gap: 1.5em;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 法的リンクの見た目 */
.tg-footer__legal a{
  font-size: 12px;
  color: var(--text);
  text-decoration: none;
  border: none !important;
}

.tg-footer__legal a:hover{
  opacity: .75;
}

/* Notice */
.tg-footer__notice{
  width: 100%;
  margin-top: 0 !important;

  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  letter-spacing: .03em;
  white-space: pre-line;
}

/* =========================
   Responsive
========================= */
@media (max-width:900px){
  .tg-footer__grid{
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .tg-footer__nav{
    width: 100%;
    order: 1;
  }

  .tg-footer__grid > div{
    order: 2;
  }

  /* SP時：注意事項の下に余白を追加 */
  .tg-footer__notice{
    margin-bottom: 16px; /* ← 余白量（12〜24pxで調整OK） */
  }
}

</style>

<footer class="tg-footer">
  <div class="tg-footer__inner">
    <div class="tg-footer__grid">

      <!-- 左：会社情報 -->
      <div>
        <div class="tg-footer__logo">
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2024/12/ヘッダーロゴ.png" alt="（株）谷口看板店">
        </div>

        <p class="tg-footer__company">
          （株）谷口看板店<br>
          〒489-0906 愛知県瀬戸市本郷町682-4<br>
          TEL：0561-76-4161<br>
          FAX：0561-76-4164
        </p>

        <div class="tg-footer__copyright">
          © （株）谷口看板店 All Rights Reserved.
        </div>
      </div>

      <!-- 右：メニュー -->
      <nav class="tg-footer__nav" aria-label="フッターメニュー">
        <ul class="tg-footer__navList">
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/">ホーム</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/#service">サービス内容</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/施工事例/">施工事例</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/お問い合わせ/">お問い合わせ</a></li>

          <!-- プライバシー／免責（横並び） -->
          <li class="tg-footer__navItem tg-footer__navItem--legal">
            <div class="tg-footer__legal">
              <a href="https://taniguchi-kanbanten.com/privacy-policy/">プライバシーポリシー</a>
              <a href="https://taniguchi-kanbanten.com/免責事項/">免責事項</a>
            </div>
          </li>
        </ul>

        <div class="tg-footer__notice">
暴力団・右翼関係の依頼は承る事ができません。
一見さんはこちらの都合上対応が遅くなる可能性があります。
        </div>
      </nav>

    </div>
  </div>
</footer>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://taniguchi-kanbanten.com/%e8%88%9e%e5%8f%b0%e8%a3%85%e9%a3%be/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>箱文字</title>
		<link>https://taniguchi-kanbanten.com/%e7%ae%b1%e6%96%87%e5%ad%97/</link>
					<comments>https://taniguchi-kanbanten.com/%e7%ae%b1%e6%96%87%e5%ad%97/#respond</comments>
		
		<dc:creator><![CDATA[taniguchikanbanten0307]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 12:46:56 +0000</pubDate>
				<category><![CDATA[施工事例]]></category>
		<guid isPermaLink="false">https://test-cookies-company.com/?p=1668</guid>

					<description><![CDATA[戻る]]></description>
										<content:encoded><![CDATA[
<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull" style="background-color:#f6f4f3"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================
   WORKS 見出し（SWELL用）
   - 幅：1100px
   - 2行とも左寄せ
   - 背景なし
   - 赤：#C42D2D
========================= */
.works-title-wrap{
  --wrap-w: 1100px;
  --red: #C42D2D;

  max-width: var(--wrap-w);
  margin: 0 auto;
  padding: 18px 0; /* 背景なしなので上下だけ軽く余白 */
  box-sizing: border-box;
}

.works-title{
  margin: 0 0 32px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.0;
  color: var(--red);
  font-size: 60px; /* PC想定（画像の雰囲気に合わせた大きめ） */
}

.works-subtitle{
  margin: 14px 0 0;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.2;
  color: #111;
  font-size: 16px; /* 指定 */
}

/* =========================
   Responsive
========================= */
@media (max-width: 1200px){
  .works-title-wrap{
    padding: 18px 16px; /* 画面端の詰まり防止 */
  }
}

@media (max-width: 768px){
  .works-title{
    font-size: 52px;
  }
  .works-subtitle{
    margin-top: 10px;
    font-size: 17px; /* 指定どおり固定 */
  }
}

@media (max-width: 480px){
  .works-title{
    font-size: 42px;
  }
}
</style>

<div class="works-title-wrap">
  <p class="works-title">WORKS</p>
  <p class="works-subtitle">施工事例</p>
</div>
</div></div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull u-mb-ctrl u-mb-0" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-container">
<style>
/* --- 基本レイアウト --- */
.cs-main-container * { box-sizing: border-box; }
.cs-main-container {
  width: 100% !important;
  margin: 0 auto !important;
  max-width: 1100px !important;
  padding: 0 16px;
  clear: both;
}
.cs-wrap {
  --accent: #B81D1D;
  --text: #111;
  --muted: #666;
  width: 100%;
  padding: 28px 0 44px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: var(--text);
  text-align: left;
}
.cs-title {
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  margin: 0 0 12px;
  padding-left: 14px;
  border-left: 4px solid var(--accent);
  line-height: 1.3;
}
.cs-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 30px;
  color: var(--muted);
}
.cs-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.cs-thumb {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #000;
  cursor: pointer;
}
.cs-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
  transition: transform 0.6s, opacity 0.5s;
}
.cs-thumb:hover img { transform: scale(1.1); opacity: 0.6; }
.cs-thumb::after {
  content: "拡大表示";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  color: #fff; border: 1px solid #fff; padding: 10px 20px;
  opacity: 0; transition: all 0.4s;
}
.cs-thumb:hover::after { opacity: 1; transform: translate(-50%, -50%); }

/* --- 拡大画面 --- */
.cs-lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.8);
  display: none; align-items: center; justify-content: center;
  padding: 40px; z-index: 1000000;
  backdrop-filter: blur(4px);
}
.cs-lightbox.is-active { display: flex; }
.cs-lightbox-inner {
  position: relative; width: 100%; max-width: 750px;  
  max-height: 70vh; text-align: center;
}
.cs-lightbox-inner img {
  width: auto; height: auto; max-width: 100%; max-height: 70vh;
  object-fit: contain; border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.cs-lightbox-close {
  position: absolute; top: -45px; right: 0;
  color: #fff; font-size: 30px; cursor: pointer;
  background: none; border: none;
}

@media (max-width: 680px) {
  .cs-gallery { grid-template-columns: 1fr !important; }
  .cs-lightbox { padding: 20px; }
  .cs-lightbox-inner { max-width: 95%; }
}
</style>

<div class="cs-main-container">
  <div class="cs-wrap">
    <div class="cs-title">箱文字</div>
    <div class="cs-desc">
      箱文字は、文字に厚みを持たせた立体的なサインです。存在感があり、遠くからでも目に入りやすいのが特長です。店名や会社名をしっかりと印象づけたい場合に向いており、建物の外観や入口まわりを引き立てます。
    </div>

    <ul class="cs-gallery">
      <li><div class="cs-thumb" onclick="openCsLightbox('p1')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字01.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p2')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字02.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p3')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字03.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p4')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字04.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p5')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字05.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p6')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字06.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p7')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字07.png"></div></li>
    </ul>
  </div>
</div>

<div id="p1" class="cs-lightbox" onclick="closeCsLightbox('p1')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字01.png"></div></div>
<div id="p2" class="cs-lightbox" onclick="closeCsLightbox('p2')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字02.png"></div></div>
<div id="p3" class="cs-lightbox" onclick="closeCsLightbox('p3')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字03.png"></div></div>
<div id="p4" class="cs-lightbox" onclick="closeCsLightbox('p4')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字04.png"></div></div>
<div id="p5" class="cs-lightbox" onclick="closeCsLightbox('p5')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字05.png"></div></div>
<div id="p6" class="cs-lightbox" onclick="closeCsLightbox('p6')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字06.png"></div></div>
<div id="p7" class="cs-lightbox" onclick="closeCsLightbox('p7')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/箱文字07.png"></div></div>

<script>
function openCsLightbox(id) {
  document.getElementById(id).classList.add('is-active');
  document.body.style.overflow = 'hidden';
}
function closeCsLightbox(id) {
  document.getElementById(id).classList.remove('is-active');
  document.body.style.overflow = '';
}
</script>
</div></div>



<style>
/* ボタン専用のスタイル */
.single-back-btn-wrap {
  width: 100%;
  max-width: 1100px; /* 他のブロックと幅を合わせる */
  margin: 40px auto;
  padding: 0 16px;
  text-align: center; /* 中央寄せ（左がいい場合はleftに変更） */
}

.single-back-text {
  display: inline-block;
  color: #111; /* 文字色 */
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: sans-serif;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 10px; /* クリック領域を少し広げる */
}

/* 矢印アイコン */
.single-back-text::before {
  content: "←";
  margin-right: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* マウスを合わせた時の動き */
.single-back-text:hover {
  color: #B81D1D; /* ホバー時に赤色へ（お好みで変更可） */
  transform: translateY(-2px); /* 少し浮き上がる */
}

.single-back-text:hover::before {
  transform: translateX(-5px); /* 矢印だけ左にスライド */
}
</style>

<div class="single-back-btn-wrap">
  <a href="https://taniguchi-kanbanten.com/施工事例/" class="single-back-text">戻る</a>
</div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 has-bg-img alignfull lazyload u-mb-ctrl u-mb-0" style="background-color:rgba(184, 29, 29, 0.8)" data-bg="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/トップ素材01.png"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================================
   SWELL用：シンプル暗色文字フッター（HTML+CSS一体）
   ・背景なし（透過）
   ・見出しタグ不使用
   ・レスポンシブ対応
   ・900px以下で「メニュー → 会社情報」の順に並べ替え
   ・プライバシーポリシー／免責事項は横並び
========================================= */

/* =========================
   Base
========================= */
.tg-footer{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.5);

  background: transparent;
  color: var(--text);
}

.tg-footer__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 20px;
}

.tg-footer__grid{
  display: grid;
  grid-template-columns: 1.1fr 2fr;
  gap: 40px;
  align-items: start;
}

/* =========================
   Left : Logo / Company
========================= */
.tg-footer__logo{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.tg-footer__logo img{
  max-width: 250px;
  height: auto;
  display: block;
}

.tg-footer__company{
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
  color: #fff;
}

.tg-footer__copyright{
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
  letter-spacing: .04em;
}

/* =========================
   Right : Nav
========================= */
.tg-footer__nav{
  width: min(520px, 100%);
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Menu list */
.tg-footer__navList{
  list-style: none;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;

  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 40px;
}

/* 1行目（ホーム／サービス内容）の上線 */
.tg-footer__navItem:nth-child(-n+2) a{
  border-top: 1px solid var(--line);
}

.tg-footer__navItem a{
  display: block;
  padding: 12px 0;
  font-size: 14px;
  letter-spacing: .06em;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  transition: opacity .2s ease;
}

.tg-footer__navItem a:hover{
  opacity: .75;
}

/* ★ ここが追加：最後の通常メニュー（お問い合わせ）の下余白を詰める */
.tg-footer__navList > .tg-footer__navItem:nth-child(4) a{
  padding-bottom: 12px;
}

/* ▼ 法的リンク（横並び用コンテナ） */
.tg-footer__navItem--legal{
  grid-column: span 2;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.tg-footer__legal{
  display: flex;
  gap: 1.5em;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 法的リンクの見た目 */
.tg-footer__legal a{
  font-size: 12px;
  color: var(--text);
  text-decoration: none;
  border: none !important;
}

.tg-footer__legal a:hover{
  opacity: .75;
}

/* Notice */
.tg-footer__notice{
  width: 100%;
  margin-top: 0 !important;

  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  letter-spacing: .03em;
  white-space: pre-line;
}

/* =========================
   Responsive
========================= */
@media (max-width:900px){
  .tg-footer__grid{
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .tg-footer__nav{
    width: 100%;
    order: 1;
  }

  .tg-footer__grid > div{
    order: 2;
  }

  /* SP時：注意事項の下に余白を追加 */
  .tg-footer__notice{
    margin-bottom: 16px; /* ← 余白量（12〜24pxで調整OK） */
  }
}

</style>

<footer class="tg-footer">
  <div class="tg-footer__inner">
    <div class="tg-footer__grid">

      <!-- 左：会社情報 -->
      <div>
        <div class="tg-footer__logo">
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2024/12/ヘッダーロゴ.png" alt="（株）谷口看板店">
        </div>

        <p class="tg-footer__company">
          （株）谷口看板店<br>
          〒489-0906 愛知県瀬戸市本郷町682-4<br>
          TEL：0561-76-4161<br>
          FAX：0561-76-4164
        </p>

        <div class="tg-footer__copyright">
          © （株）谷口看板店 All Rights Reserved.
        </div>
      </div>

      <!-- 右：メニュー -->
      <nav class="tg-footer__nav" aria-label="フッターメニュー">
        <ul class="tg-footer__navList">
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/">ホーム</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/#service">サービス内容</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/施工事例/">施工事例</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/お問い合わせ/">お問い合わせ</a></li>

          <!-- プライバシー／免責（横並び） -->
          <li class="tg-footer__navItem tg-footer__navItem--legal">
            <div class="tg-footer__legal">
              <a href="https://taniguchi-kanbanten.com/privacy-policy/">プライバシーポリシー</a>
              <a href="https://taniguchi-kanbanten.com/免責事項/">免責事項</a>
            </div>
          </li>
        </ul>

        <div class="tg-footer__notice">
暴力団・右翼関係の依頼は承る事ができません。
一見さんはこちらの都合上対応が遅くなる可能性があります。
        </div>
      </nav>

    </div>
  </div>
</footer>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://taniguchi-kanbanten.com/%e7%ae%b1%e6%96%87%e5%ad%97/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>切文字</title>
		<link>https://taniguchi-kanbanten.com/%e5%88%87%e6%96%87%e5%ad%97/</link>
					<comments>https://taniguchi-kanbanten.com/%e5%88%87%e6%96%87%e5%ad%97/#respond</comments>
		
		<dc:creator><![CDATA[taniguchikanbanten0307]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 12:46:24 +0000</pubDate>
				<category><![CDATA[施工事例]]></category>
		<guid isPermaLink="false">https://test-cookies-company.com/?p=1666</guid>

					<description><![CDATA[戻る]]></description>
										<content:encoded><![CDATA[
<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull" style="background-color:#f6f4f3"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================
   WORKS 見出し（SWELL用）
   - 幅：1100px
   - 2行とも左寄せ
   - 背景なし
   - 赤：#C42D2D
========================= */
.works-title-wrap{
  --wrap-w: 1100px;
  --red: #C42D2D;

  max-width: var(--wrap-w);
  margin: 0 auto;
  padding: 18px 0; /* 背景なしなので上下だけ軽く余白 */
  box-sizing: border-box;
}

.works-title{
  margin: 0 0 32px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.0;
  color: var(--red);
  font-size: 60px; /* PC想定（画像の雰囲気に合わせた大きめ） */
}

.works-subtitle{
  margin: 14px 0 0;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.2;
  color: #111;
  font-size: 16px; /* 指定 */
}

/* =========================
   Responsive
========================= */
@media (max-width: 1200px){
  .works-title-wrap{
    padding: 18px 16px; /* 画面端の詰まり防止 */
  }
}

@media (max-width: 768px){
  .works-title{
    font-size: 52px;
  }
  .works-subtitle{
    margin-top: 10px;
    font-size: 17px; /* 指定どおり固定 */
  }
}

@media (max-width: 480px){
  .works-title{
    font-size: 42px;
  }
}
</style>

<div class="works-title-wrap">
  <p class="works-title">WORKS</p>
  <p class="works-subtitle">施工事例</p>
</div>
</div></div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull u-mb-ctrl u-mb-0" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-container">
<style>
/* --- 基本レイアウト --- */
.cs-main-container * { box-sizing: border-box; }
.cs-main-container {
  width: 100% !important;
  margin: 0 auto !important;
  max-width: 1100px !important;
  padding: 0 16px;
  clear: both;
}
.cs-wrap {
  --accent: #B81D1D;
  --text: #111;
  --muted: #666;
  width: 100%;
  padding: 28px 0 44px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: var(--text);
  text-align: left;
}
.cs-title {
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  margin: 0 0 12px;
  padding-left: 14px;
  border-left: 4px solid var(--accent);
  line-height: 1.3;
}
.cs-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 30px;
  color: var(--muted);
}
.cs-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.cs-thumb {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #000;
  cursor: pointer;
}
.cs-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
  transition: transform 0.6s, opacity 0.5s;
}
.cs-thumb:hover img { transform: scale(1.1); opacity: 0.6; }
.cs-thumb::after {
  content: "拡大表示";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  color: #fff; border: 1px solid #fff; padding: 10px 20px;
  opacity: 0; transition: all 0.4s;
}
.cs-thumb:hover::after { opacity: 1; transform: translate(-50%, -50%); }

/* --- 拡大画面 --- */
.cs-lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.8);
  display: none; align-items: center; justify-content: center;
  padding: 40px; z-index: 1000000;
  backdrop-filter: blur(4px);
}
.cs-lightbox.is-active { display: flex; }
.cs-lightbox-inner {
  position: relative; width: 100%; max-width: 750px;  
  max-height: 70vh; text-align: center;
}
.cs-lightbox-inner img {
  width: auto; height: auto; max-width: 100%; max-height: 70vh;
  object-fit: contain; border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.cs-lightbox-close {
  position: absolute; top: -45px; right: 0;
  color: #fff; font-size: 30px; cursor: pointer;
  background: none; border: none;
}

@media (max-width: 680px) {
  .cs-gallery { grid-template-columns: 1fr !important; }
  .cs-lightbox { padding: 20px; }
  .cs-lightbox-inner { max-width: 95%; }
}
</style>

<div class="cs-main-container">
  <div class="cs-wrap">
    <div class="cs-title">切文字</div>
    <div class="cs-desc">
      切文字は、文字やロゴを形そのままで仕上げるサインです。立体感があり、シンプルながらも上品で印象に残ります。壁や入口まわりに取り付けることで、店名や会社名をすっきりと伝えることができ、落ち着いた雰囲気を演出できます。
    </div>

    <ul class="cs-gallery">
      <li><div class="cs-thumb" onclick="openCsLightbox('p1')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/切文字01.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p2')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/切文字02.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p3')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/切文字03.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p4')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/切文字04.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p5')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/02/切文字05.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p6')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/切文字06.png"></div></li>
    </ul>
  </div>
</div>

<div id="p1" class="cs-lightbox" onclick="closeCsLightbox('p1')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/切文字01.png"></div></div>
<div id="p2" class="cs-lightbox" onclick="closeCsLightbox('p2')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/切文字02.png"></div></div>
<div id="p3" class="cs-lightbox" onclick="closeCsLightbox('p3')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/切文字03.png"></div></div>
<div id="p4" class="cs-lightbox" onclick="closeCsLightbox('p4')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/切文字04.png"></div></div>
<div id="p5" class="cs-lightbox" onclick="closeCsLightbox('p5')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/02/切文字05.png"></div></div>
<div id="p6" class="cs-lightbox" onclick="closeCsLightbox('p6')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/切文字06.png"></div></div>

<script>
function openCsLightbox(id) {
  document.getElementById(id).classList.add('is-active');
  document.body.style.overflow = 'hidden';
}
function closeCsLightbox(id) {
  document.getElementById(id).classList.remove('is-active');
  document.body.style.overflow = '';
}
</script>
</div></div>



<style>
/* ボタン専用のスタイル */
.single-back-btn-wrap {
  width: 100%;
  max-width: 1100px; /* 他のブロックと幅を合わせる */
  margin: 40px auto;
  padding: 0 16px;
  text-align: center; /* 中央寄せ（左がいい場合はleftに変更） */
}

.single-back-text {
  display: inline-block;
  color: #111; /* 文字色 */
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: sans-serif;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 10px; /* クリック領域を少し広げる */
}

/* 矢印アイコン */
.single-back-text::before {
  content: "←";
  margin-right: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* マウスを合わせた時の動き */
.single-back-text:hover {
  color: #B81D1D; /* ホバー時に赤色へ（お好みで変更可） */
  transform: translateY(-2px); /* 少し浮き上がる */
}

.single-back-text:hover::before {
  transform: translateX(-5px); /* 矢印だけ左にスライド */
}
</style>

<div class="single-back-btn-wrap">
  <a href="https://taniguchi-kanbanten.com/施工事例/" class="single-back-text">戻る</a>
</div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 has-bg-img alignfull lazyload u-mb-ctrl u-mb-0" style="background-color:rgba(184, 29, 29, 0.8)" data-bg="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/トップ素材01.png"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================================
   SWELL用：シンプル暗色文字フッター（HTML+CSS一体）
   ・背景なし（透過）
   ・見出しタグ不使用
   ・レスポンシブ対応
   ・900px以下で「メニュー → 会社情報」の順に並べ替え
   ・プライバシーポリシー／免責事項は横並び
========================================= */

/* =========================
   Base
========================= */
.tg-footer{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.5);

  background: transparent;
  color: var(--text);
}

.tg-footer__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 20px;
}

.tg-footer__grid{
  display: grid;
  grid-template-columns: 1.1fr 2fr;
  gap: 40px;
  align-items: start;
}

/* =========================
   Left : Logo / Company
========================= */
.tg-footer__logo{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.tg-footer__logo img{
  max-width: 250px;
  height: auto;
  display: block;
}

.tg-footer__company{
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
  color: #fff;
}

.tg-footer__copyright{
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
  letter-spacing: .04em;
}

/* =========================
   Right : Nav
========================= */
.tg-footer__nav{
  width: min(520px, 100%);
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Menu list */
.tg-footer__navList{
  list-style: none;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;

  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 40px;
}

/* 1行目（ホーム／サービス内容）の上線 */
.tg-footer__navItem:nth-child(-n+2) a{
  border-top: 1px solid var(--line);
}

.tg-footer__navItem a{
  display: block;
  padding: 12px 0;
  font-size: 14px;
  letter-spacing: .06em;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  transition: opacity .2s ease;
}

.tg-footer__navItem a:hover{
  opacity: .75;
}

/* ★ ここが追加：最後の通常メニュー（お問い合わせ）の下余白を詰める */
.tg-footer__navList > .tg-footer__navItem:nth-child(4) a{
  padding-bottom: 12px;
}

/* ▼ 法的リンク（横並び用コンテナ） */
.tg-footer__navItem--legal{
  grid-column: span 2;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.tg-footer__legal{
  display: flex;
  gap: 1.5em;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 法的リンクの見た目 */
.tg-footer__legal a{
  font-size: 12px;
  color: var(--text);
  text-decoration: none;
  border: none !important;
}

.tg-footer__legal a:hover{
  opacity: .75;
}

/* Notice */
.tg-footer__notice{
  width: 100%;
  margin-top: 0 !important;

  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  letter-spacing: .03em;
  white-space: pre-line;
}

/* =========================
   Responsive
========================= */
@media (max-width:900px){
  .tg-footer__grid{
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .tg-footer__nav{
    width: 100%;
    order: 1;
  }

  .tg-footer__grid > div{
    order: 2;
  }

  /* SP時：注意事項の下に余白を追加 */
  .tg-footer__notice{
    margin-bottom: 16px; /* ← 余白量（12〜24pxで調整OK） */
  }
}

</style>

<footer class="tg-footer">
  <div class="tg-footer__inner">
    <div class="tg-footer__grid">

      <!-- 左：会社情報 -->
      <div>
        <div class="tg-footer__logo">
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2024/12/ヘッダーロゴ.png" alt="（株）谷口看板店">
        </div>

        <p class="tg-footer__company">
          （株）谷口看板店<br>
          〒489-0906 愛知県瀬戸市本郷町682-4<br>
          TEL：0561-76-4161<br>
          FAX：0561-76-4164
        </p>

        <div class="tg-footer__copyright">
          © （株）谷口看板店 All Rights Reserved.
        </div>
      </div>

      <!-- 右：メニュー -->
      <nav class="tg-footer__nav" aria-label="フッターメニュー">
        <ul class="tg-footer__navList">
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/">ホーム</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/#service">サービス内容</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/施工事例/">施工事例</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/お問い合わせ/">お問い合わせ</a></li>

          <!-- プライバシー／免責（横並び） -->
          <li class="tg-footer__navItem tg-footer__navItem--legal">
            <div class="tg-footer__legal">
              <a href="https://taniguchi-kanbanten.com/privacy-policy/">プライバシーポリシー</a>
              <a href="https://taniguchi-kanbanten.com/免責事項/">免責事項</a>
            </div>
          </li>
        </ul>

        <div class="tg-footer__notice">
暴力団・右翼関係の依頼は承る事ができません。
一見さんはこちらの都合上対応が遅くなる可能性があります。
        </div>
      </nav>

    </div>
  </div>
</footer>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://taniguchi-kanbanten.com/%e5%88%87%e6%96%87%e5%ad%97/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>リフォーム・室内装飾・改装</title>
		<link>https://taniguchi-kanbanten.com/%e3%83%aa%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0-%e5%ae%a4%e5%86%85%e8%a3%85%e9%a3%be-%e6%94%b9%e8%a3%85/</link>
					<comments>https://taniguchi-kanbanten.com/%e3%83%aa%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0-%e5%ae%a4%e5%86%85%e8%a3%85%e9%a3%be-%e6%94%b9%e8%a3%85/#respond</comments>
		
		<dc:creator><![CDATA[taniguchikanbanten0307]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 12:45:42 +0000</pubDate>
				<category><![CDATA[施工事例]]></category>
		<guid isPermaLink="false">https://test-cookies-company.com/?p=1664</guid>

					<description><![CDATA[戻る]]></description>
										<content:encoded><![CDATA[
<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull" style="background-color:#f6f4f3"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================
   WORKS 見出し（SWELL用）
   - 幅：1100px
   - 2行とも左寄せ
   - 背景なし
   - 赤：#C42D2D
========================= */
.works-title-wrap{
  --wrap-w: 1100px;
  --red: #C42D2D;

  max-width: var(--wrap-w);
  margin: 0 auto;
  padding: 18px 0; /* 背景なしなので上下だけ軽く余白 */
  box-sizing: border-box;
}

.works-title{
  margin: 0 0 32px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.0;
  color: var(--red);
  font-size: 60px; /* PC想定（画像の雰囲気に合わせた大きめ） */
}

.works-subtitle{
  margin: 14px 0 0;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.2;
  color: #111;
  font-size: 16px; /* 指定 */
}

/* =========================
   Responsive
========================= */
@media (max-width: 1200px){
  .works-title-wrap{
    padding: 18px 16px; /* 画面端の詰まり防止 */
  }
}

@media (max-width: 768px){
  .works-title{
    font-size: 52px;
  }
  .works-subtitle{
    margin-top: 10px;
    font-size: 17px; /* 指定どおり固定 */
  }
}

@media (max-width: 480px){
  .works-title{
    font-size: 42px;
  }
}
</style>

<div class="works-title-wrap">
  <p class="works-title">WORKS</p>
  <p class="works-subtitle">施工事例</p>
</div>
</div></div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull u-mb-ctrl u-mb-0" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-container">
<style>
/* --- 基本レイアウト --- */
.cs-main-container * { box-sizing: border-box; }
.cs-main-container {
  width: 100% !important;
  margin: 0 auto !important;
  max-width: 1100px !important;
  padding: 0 16px;
  clear: both;
}
.cs-wrap {
  --accent: #B81D1D;
  --text: #111;
  --muted: #666;
  width: 100%;
  padding: 28px 0 44px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: var(--text);
  text-align: left;
}
.cs-title {
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  margin: 0 0 12px;
  padding-left: 14px;
  border-left: 4px solid var(--accent);
  line-height: 1.3;
}
.cs-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 30px;
  color: var(--muted);
}

/* --- ビフォーアフター専用スタイル --- */
.cs-ba-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}
.cs-ba-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.cs-ba-box {
  flex: 1;
  position: relative;
  max-width: 450px;
}
.cs-ba-box img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  border: 1px solid #dcdcdc;
}

/* 矢印のスタイル（背景なし） */
.cs-ba-arrow {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cs-ba-arrow::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 3px solid var(--accent);
  border-right: 3px solid var(--accent);
  transform: rotate(45deg);
}

.cs-ba-label {
  position: absolute;
  top: 5px;
  left: 5px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 10px;
  padding: 1px 6px;
  font-weight: bold;
  z-index: 2;
}
.cs-ba-label.after {
  background: var(--accent);
}

/* --- ギャラリー（既存・中央揃え調整） --- */
.cs-gallery {
  display: flex !important; /* GridからFlexに変更して中央に寄せやすくしました */
  flex-wrap: wrap;
  justify-content: center !important; /* これで中央に配置されます */
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.cs-gallery li {
  width: calc(33.333% - 10px); /* 3列換算 */
  max-width: 350px; /* 広がりすぎ防止 */
}
.cs-thumb {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #000;
  cursor: pointer;
}
.cs-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
  transition: transform 0.6s, opacity 0.5s;
}
.cs-thumb:hover img { transform: scale(1.1); opacity: 0.6; }
.cs-thumb::after {
  content: "拡大表示";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  color: #fff; border: 1px solid #fff; padding: 10px 20px;
  opacity: 0; transition: all 0.4s;
  z-index: 3;
}
.cs-thumb:hover::after { opacity: 1; transform: translate(-50%, -50%); }

/* --- 拡大画面 --- */
.cs-lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.8);
  display: none; align-items: center; justify-content: center;
  padding: 40px; z-index: 1000000;
  backdrop-filter: blur(4px);
}
.cs-lightbox.is-active { display: flex; }
.cs-lightbox-inner {
  position: relative; width: 100%; max-width: 750px;  
  max-height: 70vh; text-align: center;
}
.cs-lightbox-inner img {
  width: auto; height: auto; max-width: 100%; max-height: 70vh;
  object-fit: contain; border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.cs-lightbox-close {
  position: absolute; top: -45px; right: 0;
  color: #fff; font-size: 30px; cursor: pointer;
  background: none; border: none;
}

/* スマホ対応 */
@media (max-width: 680px) {
  .cs-ba-row {
    flex-direction: row; /* 横並び維持 */
  }
  .cs-gallery li {
    width: 100%; /* スマホでは1枚ずつ */
  }
  .cs-lightbox { padding: 20px; }
  .cs-lightbox-inner { max-width: 95%; }
  .cs-ba-label {
    font-size: 9px;
    padding: 1px 4px;
  }
}
</style>

<div class="cs-main-container">
  <div class="cs-wrap">
    <div class="cs-title">リフォーム・室内装飾・改装</div>
    <div class="cs-desc">
      室内装飾・改装は、店内や施設の雰囲気を整え、居心地の良い空間をつくるためのものです。壁や床、表示物などを工夫することで、印象を大きく変えることができます。お店のイメージや目的に合わせてご提案でき、来店される方にとって分かりやすく、過ごしやすい空間づくりをお手伝いします。
    </div>

    <div class="cs-ba-grid">
      <div class="cs-ba-row">
        <div class="cs-ba-box cs-thumb" onclick="openCsLightbox('ba1-b')">
          <span class="cs-ba-label">Before</span>
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/02/室内装飾・改装06.jpg">
        </div>
        <div class="cs-ba-arrow"></div>
        <div class="cs-ba-box cs-thumb" onclick="openCsLightbox('ba1-a')">
          <span class="cs-ba-label after">After</span>
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/02/室内装飾・改装07.jpg">
        </div>
      </div>

      <div class="cs-ba-row">
        <div class="cs-ba-box cs-thumb" onclick="openCsLightbox('ba2-b')">
          <span class="cs-ba-label">Before</span>
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/02/室内装飾・改装05.jpg">
        </div>
        <div class="cs-ba-arrow"></div>
        <div class="cs-ba-box cs-thumb" onclick="openCsLightbox('ba2-a')">
          <span class="cs-ba-label after">After</span>
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/室内装飾・改装01.png">
        </div>
      </div>
    </div>

    <ul class="cs-gallery">
      <li><div class="cs-thumb" onclick="openCsLightbox('p2')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/室内装飾・改装02.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p3')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/室内装飾・改装03.png"></div></li>
    </ul>
  </div>
</div>

<div id="ba1-b" class="cs-lightbox" onclick="closeCsLightbox('ba1-b')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/02/室内装飾・改装06.jpg"></div></div>
<div id="ba1-a" class="cs-lightbox" onclick="closeCsLightbox('ba1-a')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/02/室内装飾・改装07.jpg"></div></div>
<div id="ba2-b" class="cs-lightbox" onclick="closeCsLightbox('ba2-b')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/02/室内装飾・改装05.jpg"></div></div>
<div id="ba2-a" class="cs-lightbox" onclick="closeCsLightbox('ba2-a')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/室内装飾・改装01.png"></div></div>
<div id="p2" class="cs-lightbox" onclick="closeCsLightbox('p2')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/室内装飾・改装02.png"></div></div>
<div id="p3" class="cs-lightbox" onclick="closeCsLightbox('p3')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/室内装飾・改装03.png"></div></div>

<script>
function openCsLightbox(id) {
  document.getElementById(id).classList.add('is-active');
  document.body.style.overflow = 'hidden';
}
function closeCsLightbox(id) {
  document.getElementById(id).classList.remove('is-active');
  document.body.style.overflow = '';
}
</script>
</div></div>



<style>
/* ボタン専用のスタイル */
.single-back-btn-wrap {
  width: 100%;
  max-width: 1100px; /* 他のブロックと幅を合わせる */
  margin: 40px auto;
  padding: 0 16px;
  text-align: center; /* 中央寄せ（左がいい場合はleftに変更） */
}

.single-back-text {
  display: inline-block;
  color: #111; /* 文字色 */
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: sans-serif;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 10px; /* クリック領域を少し広げる */
}

/* 矢印アイコン */
.single-back-text::before {
  content: "←";
  margin-right: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* マウスを合わせた時の動き */
.single-back-text:hover {
  color: #B81D1D; /* ホバー時に赤色へ（お好みで変更可） */
  transform: translateY(-2px); /* 少し浮き上がる */
}

.single-back-text:hover::before {
  transform: translateX(-5px); /* 矢印だけ左にスライド */
}
</style>

<div class="single-back-btn-wrap">
  <a href="https://taniguchi-kanbanten.com/施工事例/" class="single-back-text">戻る</a>
</div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 has-bg-img alignfull lazyload u-mb-ctrl u-mb-0" style="background-color:rgba(184, 29, 29, 0.8)" data-bg="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/トップ素材01.png"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================================
   SWELL用：シンプル暗色文字フッター（HTML+CSS一体）
   ・背景なし（透過）
   ・見出しタグ不使用
   ・レスポンシブ対応
   ・900px以下で「メニュー → 会社情報」の順に並べ替え
   ・プライバシーポリシー／免責事項は横並び
========================================= */

/* =========================
   Base
========================= */
.tg-footer{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.5);

  background: transparent;
  color: var(--text);
}

.tg-footer__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 20px;
}

.tg-footer__grid{
  display: grid;
  grid-template-columns: 1.1fr 2fr;
  gap: 40px;
  align-items: start;
}

/* =========================
   Left : Logo / Company
========================= */
.tg-footer__logo{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.tg-footer__logo img{
  max-width: 250px;
  height: auto;
  display: block;
}

.tg-footer__company{
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
  color: #fff;
}

.tg-footer__copyright{
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
  letter-spacing: .04em;
}

/* =========================
   Right : Nav
========================= */
.tg-footer__nav{
  width: min(520px, 100%);
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Menu list */
.tg-footer__navList{
  list-style: none;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;

  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 40px;
}

/* 1行目（ホーム／サービス内容）の上線 */
.tg-footer__navItem:nth-child(-n+2) a{
  border-top: 1px solid var(--line);
}

.tg-footer__navItem a{
  display: block;
  padding: 12px 0;
  font-size: 14px;
  letter-spacing: .06em;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  transition: opacity .2s ease;
}

.tg-footer__navItem a:hover{
  opacity: .75;
}

/* ★ ここが追加：最後の通常メニュー（お問い合わせ）の下余白を詰める */
.tg-footer__navList > .tg-footer__navItem:nth-child(4) a{
  padding-bottom: 12px;
}

/* ▼ 法的リンク（横並び用コンテナ） */
.tg-footer__navItem--legal{
  grid-column: span 2;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.tg-footer__legal{
  display: flex;
  gap: 1.5em;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 法的リンクの見た目 */
.tg-footer__legal a{
  font-size: 12px;
  color: var(--text);
  text-decoration: none;
  border: none !important;
}

.tg-footer__legal a:hover{
  opacity: .75;
}

/* Notice */
.tg-footer__notice{
  width: 100%;
  margin-top: 0 !important;

  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  letter-spacing: .03em;
  white-space: pre-line;
}

/* =========================
   Responsive
========================= */
@media (max-width:900px){
  .tg-footer__grid{
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .tg-footer__nav{
    width: 100%;
    order: 1;
  }

  .tg-footer__grid > div{
    order: 2;
  }

  /* SP時：注意事項の下に余白を追加 */
  .tg-footer__notice{
    margin-bottom: 16px; /* ← 余白量（12〜24pxで調整OK） */
  }
}

</style>

<footer class="tg-footer">
  <div class="tg-footer__inner">
    <div class="tg-footer__grid">

      <!-- 左：会社情報 -->
      <div>
        <div class="tg-footer__logo">
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2024/12/ヘッダーロゴ.png" alt="（株）谷口看板店">
        </div>

        <p class="tg-footer__company">
          （株）谷口看板店<br>
          〒489-0906 愛知県瀬戸市本郷町682-4<br>
          TEL：0561-76-4161<br>
          FAX：0561-76-4164
        </p>

        <div class="tg-footer__copyright">
          © （株）谷口看板店 All Rights Reserved.
        </div>
      </div>

      <!-- 右：メニュー -->
      <nav class="tg-footer__nav" aria-label="フッターメニュー">
        <ul class="tg-footer__navList">
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/">ホーム</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/#service">サービス内容</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/施工事例/">施工事例</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/お問い合わせ/">お問い合わせ</a></li>

          <!-- プライバシー／免責（横並び） -->
          <li class="tg-footer__navItem tg-footer__navItem--legal">
            <div class="tg-footer__legal">
              <a href="https://taniguchi-kanbanten.com/privacy-policy/">プライバシーポリシー</a>
              <a href="https://taniguchi-kanbanten.com/免責事項/">免責事項</a>
            </div>
          </li>
        </ul>

        <div class="tg-footer__notice">
暴力団・右翼関係の依頼は承る事ができません。
一見さんはこちらの都合上対応が遅くなる可能性があります。
        </div>
      </nav>

    </div>
  </div>
</footer>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://taniguchi-kanbanten.com/%e3%83%aa%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0-%e5%ae%a4%e5%86%85%e8%a3%85%e9%a3%be-%e6%94%b9%e8%a3%85/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>自立サイン</title>
		<link>https://taniguchi-kanbanten.com/%e8%87%aa%e7%ab%8b%e3%82%b5%e3%82%a4%e3%83%b3/</link>
					<comments>https://taniguchi-kanbanten.com/%e8%87%aa%e7%ab%8b%e3%82%b5%e3%82%a4%e3%83%b3/#respond</comments>
		
		<dc:creator><![CDATA[taniguchikanbanten0307]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 12:42:27 +0000</pubDate>
				<category><![CDATA[施工事例]]></category>
		<guid isPermaLink="false">https://test-cookies-company.com/?p=1662</guid>

					<description><![CDATA[戻る]]></description>
										<content:encoded><![CDATA[
<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull" style="background-color:#f6f4f3"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================
   WORKS 見出し（SWELL用）
   - 幅：1100px
   - 2行とも左寄せ
   - 背景なし
   - 赤：#C42D2D
========================= */
.works-title-wrap{
  --wrap-w: 1100px;
  --red: #C42D2D;

  max-width: var(--wrap-w);
  margin: 0 auto;
  padding: 18px 0; /* 背景なしなので上下だけ軽く余白 */
  box-sizing: border-box;
}

.works-title{
  margin: 0 0 32px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.0;
  color: var(--red);
  font-size: 60px; /* PC想定（画像の雰囲気に合わせた大きめ） */
}

.works-subtitle{
  margin: 14px 0 0;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.2;
  color: #111;
  font-size: 16px; /* 指定 */
}

/* =========================
   Responsive
========================= */
@media (max-width: 1200px){
  .works-title-wrap{
    padding: 18px 16px; /* 画面端の詰まり防止 */
  }
}

@media (max-width: 768px){
  .works-title{
    font-size: 52px;
  }
  .works-subtitle{
    margin-top: 10px;
    font-size: 17px; /* 指定どおり固定 */
  }
}

@media (max-width: 480px){
  .works-title{
    font-size: 42px;
  }
}
</style>

<div class="works-title-wrap">
  <p class="works-title">WORKS</p>
  <p class="works-subtitle">施工事例</p>
</div>
</div></div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull u-mb-ctrl u-mb-0" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-container">
<style>
/* --- 基本レイアウト --- */
.cs-main-container * { box-sizing: border-box; }
.cs-main-container {
  width: 100% !important;
  margin: 0 auto !important;
  max-width: 1100px !important;
  padding: 0 16px;
  clear: both;
}
.cs-wrap {
  --accent: #B81D1D;
  --text: #111;
  --muted: #666;
  width: 100%;
  padding: 28px 0 44px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: var(--text);
  text-align: left;
}
.cs-title {
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  margin: 0 0 12px;
  padding-left: 14px;
  border-left: 4px solid var(--accent);
  line-height: 1.3;
}
.cs-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 30px;
  color: var(--muted);
}
.cs-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.cs-thumb {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #000;
  cursor: pointer;
}
.cs-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
  transition: transform 0.6s, opacity 0.5s;
}
.cs-thumb:hover img { transform: scale(1.1); opacity: 0.6; }
.cs-thumb::after {
  content: "拡大表示";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  color: #fff; border: 1px solid #fff; padding: 10px 20px;
  opacity: 0; transition: all 0.4s;
}
.cs-thumb:hover::after { opacity: 1; transform: translate(-50%, -50%); }

/* --- 拡大画面 --- */
.cs-lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.8);
  display: none; align-items: center; justify-content: center;
  padding: 40px; z-index: 1000000;
  backdrop-filter: blur(4px);
}
.cs-lightbox.is-active { display: flex; }
.cs-lightbox-inner {
  position: relative; width: 100%; max-width: 750px;  
  max-height: 70vh; text-align: center;
}
.cs-lightbox-inner img {
  width: auto; height: auto; max-width: 100%; max-height: 70vh;
  object-fit: contain; border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.cs-lightbox-close {
  position: absolute; top: -45px; right: 0;
  color: #fff; font-size: 30px; cursor: pointer;
  background: none; border: none;
}

@media (max-width: 680px) {
  .cs-gallery { grid-template-columns: 1fr !important; }
  .cs-lightbox { padding: 20px; }
  .cs-lightbox-inner { max-width: 95%; }
}
</style>

<div class="cs-main-container">
  <div class="cs-wrap">
    <div class="cs-title">自立サイン</div>
    <div class="cs-desc">
      自立サインは、地面に設置して使うタイプの看板です。建物から少し離れた場所でも設置できるため、通りからの案内や目印として役立ちます。お店や会社の名前を分かりやすく伝えることができ、初めて来る方にも安心です。設置場所や目的に合わせて大きさやデザインを調整でき、さまざまな場面で活躍します。
    </div>

    <ul class="cs-gallery">
      <li><div class="cs-thumb" onclick="openCsLightbox('p1')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン01.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p2')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン02.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p3')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン03.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p4')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン04.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p5')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン05.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p6')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン06.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p7')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン07.png"></div></li>
    </ul>
  </div>
</div>

<div id="p1" class="cs-lightbox" onclick="closeCsLightbox('p1')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン01.png"></div></div>
<div id="p2" class="cs-lightbox" onclick="closeCsLightbox('p2')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン02.png"></div></div>
<div id="p3" class="cs-lightbox" onclick="closeCsLightbox('p3')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン03.png"></div></div>
<div id="p4" class="cs-lightbox" onclick="closeCsLightbox('p4')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン04.png"></div></div>
<div id="p5" class="cs-lightbox" onclick="closeCsLightbox('p5')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン05.png"></div></div>
<div id="p6" class="cs-lightbox" onclick="closeCsLightbox('p6')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン06.png"></div></div>
<div id="p7" class="cs-lightbox" onclick="closeCsLightbox('p7')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/自立サイン07.png"></div></div>

<script>
function openCsLightbox(id) {
  document.getElementById(id).classList.add('is-active');
  document.body.style.overflow = 'hidden';
}
function closeCsLightbox(id) {
  document.getElementById(id).classList.remove('is-active');
  document.body.style.overflow = '';
}
</script>
</div></div>



<style>
/* ボタン専用のスタイル */
.single-back-btn-wrap {
  width: 100%;
  max-width: 1100px; /* 他のブロックと幅を合わせる */
  margin: 40px auto;
  padding: 0 16px;
  text-align: center; /* 中央寄せ（左がいい場合はleftに変更） */
}

.single-back-text {
  display: inline-block;
  color: #111; /* 文字色 */
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: sans-serif;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 10px; /* クリック領域を少し広げる */
}

/* 矢印アイコン */
.single-back-text::before {
  content: "←";
  margin-right: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* マウスを合わせた時の動き */
.single-back-text:hover {
  color: #B81D1D; /* ホバー時に赤色へ（お好みで変更可） */
  transform: translateY(-2px); /* 少し浮き上がる */
}

.single-back-text:hover::before {
  transform: translateX(-5px); /* 矢印だけ左にスライド */
}
</style>

<div class="single-back-btn-wrap">
  <a href="https://taniguchi-kanbanten.com/施工事例/" class="single-back-text">戻る</a>
</div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 has-bg-img alignfull lazyload u-mb-ctrl u-mb-0" style="background-color:rgba(184, 29, 29, 0.8)" data-bg="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/トップ素材01.png"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================================
   SWELL用：シンプル暗色文字フッター（HTML+CSS一体）
   ・背景なし（透過）
   ・見出しタグ不使用
   ・レスポンシブ対応
   ・900px以下で「メニュー → 会社情報」の順に並べ替え
   ・プライバシーポリシー／免責事項は横並び
========================================= */

/* =========================
   Base
========================= */
.tg-footer{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.5);

  background: transparent;
  color: var(--text);
}

.tg-footer__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 20px;
}

.tg-footer__grid{
  display: grid;
  grid-template-columns: 1.1fr 2fr;
  gap: 40px;
  align-items: start;
}

/* =========================
   Left : Logo / Company
========================= */
.tg-footer__logo{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.tg-footer__logo img{
  max-width: 250px;
  height: auto;
  display: block;
}

.tg-footer__company{
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
  color: #fff;
}

.tg-footer__copyright{
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
  letter-spacing: .04em;
}

/* =========================
   Right : Nav
========================= */
.tg-footer__nav{
  width: min(520px, 100%);
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Menu list */
.tg-footer__navList{
  list-style: none;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;

  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 40px;
}

/* 1行目（ホーム／サービス内容）の上線 */
.tg-footer__navItem:nth-child(-n+2) a{
  border-top: 1px solid var(--line);
}

.tg-footer__navItem a{
  display: block;
  padding: 12px 0;
  font-size: 14px;
  letter-spacing: .06em;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  transition: opacity .2s ease;
}

.tg-footer__navItem a:hover{
  opacity: .75;
}

/* ★ ここが追加：最後の通常メニュー（お問い合わせ）の下余白を詰める */
.tg-footer__navList > .tg-footer__navItem:nth-child(4) a{
  padding-bottom: 12px;
}

/* ▼ 法的リンク（横並び用コンテナ） */
.tg-footer__navItem--legal{
  grid-column: span 2;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.tg-footer__legal{
  display: flex;
  gap: 1.5em;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 法的リンクの見た目 */
.tg-footer__legal a{
  font-size: 12px;
  color: var(--text);
  text-decoration: none;
  border: none !important;
}

.tg-footer__legal a:hover{
  opacity: .75;
}

/* Notice */
.tg-footer__notice{
  width: 100%;
  margin-top: 0 !important;

  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  letter-spacing: .03em;
  white-space: pre-line;
}

/* =========================
   Responsive
========================= */
@media (max-width:900px){
  .tg-footer__grid{
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .tg-footer__nav{
    width: 100%;
    order: 1;
  }

  .tg-footer__grid > div{
    order: 2;
  }

  /* SP時：注意事項の下に余白を追加 */
  .tg-footer__notice{
    margin-bottom: 16px; /* ← 余白量（12〜24pxで調整OK） */
  }
}

</style>

<footer class="tg-footer">
  <div class="tg-footer__inner">
    <div class="tg-footer__grid">

      <!-- 左：会社情報 -->
      <div>
        <div class="tg-footer__logo">
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2024/12/ヘッダーロゴ.png" alt="（株）谷口看板店">
        </div>

        <p class="tg-footer__company">
          （株）谷口看板店<br>
          〒489-0906 愛知県瀬戸市本郷町682-4<br>
          TEL：0561-76-4161<br>
          FAX：0561-76-4164
        </p>

        <div class="tg-footer__copyright">
          © （株）谷口看板店 All Rights Reserved.
        </div>
      </div>

      <!-- 右：メニュー -->
      <nav class="tg-footer__nav" aria-label="フッターメニュー">
        <ul class="tg-footer__navList">
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/">ホーム</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/#service">サービス内容</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/施工事例/">施工事例</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/お問い合わせ/">お問い合わせ</a></li>

          <!-- プライバシー／免責（横並び） -->
          <li class="tg-footer__navItem tg-footer__navItem--legal">
            <div class="tg-footer__legal">
              <a href="https://taniguchi-kanbanten.com/privacy-policy/">プライバシーポリシー</a>
              <a href="https://taniguchi-kanbanten.com/免責事項/">免責事項</a>
            </div>
          </li>
        </ul>

        <div class="tg-footer__notice">
暴力団・右翼関係の依頼は承る事ができません。
一見さんはこちらの都合上対応が遅くなる可能性があります。
        </div>
      </nav>

    </div>
  </div>
</footer>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://taniguchi-kanbanten.com/%e8%87%aa%e7%ab%8b%e3%82%b5%e3%82%a4%e3%83%b3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>懸垂幕</title>
		<link>https://taniguchi-kanbanten.com/%e6%87%b8%e5%9e%82%e5%b9%95/</link>
					<comments>https://taniguchi-kanbanten.com/%e6%87%b8%e5%9e%82%e5%b9%95/#respond</comments>
		
		<dc:creator><![CDATA[taniguchikanbanten0307]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 12:41:32 +0000</pubDate>
				<category><![CDATA[施工事例]]></category>
		<guid isPermaLink="false">https://test-cookies-company.com/?p=1660</guid>

					<description><![CDATA[戻る]]></description>
										<content:encoded><![CDATA[
<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull" style="background-color:#f6f4f3"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================
   WORKS 見出し（SWELL用）
   - 幅：1100px
   - 2行とも左寄せ
   - 背景なし
   - 赤：#C42D2D
========================= */
.works-title-wrap{
  --wrap-w: 1100px;
  --red: #C42D2D;

  max-width: var(--wrap-w);
  margin: 0 auto;
  padding: 18px 0; /* 背景なしなので上下だけ軽く余白 */
  box-sizing: border-box;
}

.works-title{
  margin: 0 0 32px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.0;
  color: var(--red);
  font-size: 60px; /* PC想定（画像の雰囲気に合わせた大きめ） */
}

.works-subtitle{
  margin: 14px 0 0;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.2;
  color: #111;
  font-size: 16px; /* 指定 */
}

/* =========================
   Responsive
========================= */
@media (max-width: 1200px){
  .works-title-wrap{
    padding: 18px 16px; /* 画面端の詰まり防止 */
  }
}

@media (max-width: 768px){
  .works-title{
    font-size: 52px;
  }
  .works-subtitle{
    margin-top: 10px;
    font-size: 17px; /* 指定どおり固定 */
  }
}

@media (max-width: 480px){
  .works-title{
    font-size: 42px;
  }
}
</style>

<div class="works-title-wrap">
  <p class="works-title">WORKS</p>
  <p class="works-subtitle">施工事例</p>
</div>
</div></div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull u-mb-ctrl u-mb-0" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-container">
<style>
/* --- 基本レイアウト --- */
.cs-main-container * { box-sizing: border-box; }
.cs-main-container {
  width: 100% !important;
  margin: 0 auto !important;
  max-width: 1100px !important;
  padding: 0 16px;
  clear: both;
}
.cs-wrap {
  --accent: #B81D1D;
  --text: #111;
  --muted: #666;
  width: 100%;
  padding: 28px 0 44px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: var(--text);
  text-align: left;
}
.cs-title {
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  margin: 0 0 12px;
  padding-left: 14px;
  border-left: 4px solid var(--accent);
  line-height: 1.3;
}
.cs-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 30px;
  color: var(--muted);
}
.cs-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.cs-thumb {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #000;
  cursor: pointer;
}
.cs-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
  transition: transform 0.6s, opacity 0.5s;
}
.cs-thumb:hover img { transform: scale(1.1); opacity: 0.6; }
.cs-thumb::after {
  content: "拡大表示";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  color: #fff; border: 1px solid #fff; padding: 10px 20px;
  opacity: 0; transition: all 0.4s;
}
.cs-thumb:hover::after { opacity: 1; transform: translate(-50%, -50%); }

/* --- 拡大画面 --- */
.cs-lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.8);
  display: none; align-items: center; justify-content: center;
  padding: 40px; z-index: 1000000;
  backdrop-filter: blur(4px);
}
.cs-lightbox.is-active { display: flex; }
.cs-lightbox-inner {
  position: relative; width: 100%; max-width: 750px;  
  max-height: 70vh; text-align: center;
}
.cs-lightbox-inner img {
  width: auto; height: auto; max-width: 100%; max-height: 70vh;
  object-fit: contain; border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.cs-lightbox-close {
  position: absolute; top: -45px; right: 0;
  color: #fff; font-size: 30px; cursor: pointer;
  background: none; border: none;
}

@media (max-width: 680px) {
  .cs-gallery { grid-template-columns: 1fr !important; }
  .cs-lightbox { padding: 20px; }
  .cs-lightbox-inner { max-width: 95%; }
}
</style>

<div class="cs-main-container">
  <div class="cs-wrap">
    <div class="cs-title">懸垂幕</div>
    <div class="cs-desc">
      懸垂幕は、建物の外壁などに縦長に掲げる幕です。遠くからでも目に入りやすく、イベントのお知らせやキャンペーン、社名の表示などに向いています。
建物の高さを活かしてしっかりアピールでき、期間限定の案内にも使いやすいのが特長です。
    </div>

    <ul class="cs-gallery">
      <li><div class="cs-thumb" onclick="openCsLightbox('p1')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/懸垂幕01.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p2')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/懸垂幕02.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p3')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/懸垂幕03.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p4')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/懸垂幕04.png"></div></li>
      <li><div class="cs-thumb" onclick="openCsLightbox('p5')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/懸垂幕05.png"></div></li>
    </ul>
  </div>
</div>

<div id="p1" class="cs-lightbox" onclick="closeCsLightbox('p1')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/懸垂幕01.png"></div></div>
<div id="p2" class="cs-lightbox" onclick="closeCsLightbox('p2')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/懸垂幕02.png"></div></div>
<div id="p3" class="cs-lightbox" onclick="closeCsLightbox('p3')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/懸垂幕03.png"></div></div>
<div id="p4" class="cs-lightbox" onclick="closeCsLightbox('p4')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/懸垂幕04.png"></div></div>
<div id="p5" class="cs-lightbox" onclick="closeCsLightbox('p5')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/懸垂幕05.png"></div></div>

<script>
function openCsLightbox(id) {
  document.getElementById(id).classList.add('is-active');
  document.body.style.overflow = 'hidden';
}
function closeCsLightbox(id) {
  document.getElementById(id).classList.remove('is-active');
  document.body.style.overflow = '';
}
</script>
</div></div>



<style>
/* ボタン専用のスタイル */
.single-back-btn-wrap {
  width: 100%;
  max-width: 1100px; /* 他のブロックと幅を合わせる */
  margin: 40px auto;
  padding: 0 16px;
  text-align: center; /* 中央寄せ（左がいい場合はleftに変更） */
}

.single-back-text {
  display: inline-block;
  color: #111; /* 文字色 */
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: sans-serif;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 10px; /* クリック領域を少し広げる */
}

/* 矢印アイコン */
.single-back-text::before {
  content: "←";
  margin-right: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* マウスを合わせた時の動き */
.single-back-text:hover {
  color: #B81D1D; /* ホバー時に赤色へ（お好みで変更可） */
  transform: translateY(-2px); /* 少し浮き上がる */
}

.single-back-text:hover::before {
  transform: translateX(-5px); /* 矢印だけ左にスライド */
}
</style>

<div class="single-back-btn-wrap">
  <a href="https://taniguchi-kanbanten.com/施工事例/" class="single-back-text">戻る</a>
</div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 has-bg-img alignfull lazyload u-mb-ctrl u-mb-0" style="background-color:rgba(184, 29, 29, 0.8)" data-bg="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/トップ素材01.png"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================================
   SWELL用：シンプル暗色文字フッター（HTML+CSS一体）
   ・背景なし（透過）
   ・見出しタグ不使用
   ・レスポンシブ対応
   ・900px以下で「メニュー → 会社情報」の順に並べ替え
   ・プライバシーポリシー／免責事項は横並び
========================================= */

/* =========================
   Base
========================= */
.tg-footer{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.5);

  background: transparent;
  color: var(--text);
}

.tg-footer__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 20px;
}

.tg-footer__grid{
  display: grid;
  grid-template-columns: 1.1fr 2fr;
  gap: 40px;
  align-items: start;
}

/* =========================
   Left : Logo / Company
========================= */
.tg-footer__logo{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.tg-footer__logo img{
  max-width: 250px;
  height: auto;
  display: block;
}

.tg-footer__company{
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
  color: #fff;
}

.tg-footer__copyright{
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
  letter-spacing: .04em;
}

/* =========================
   Right : Nav
========================= */
.tg-footer__nav{
  width: min(520px, 100%);
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Menu list */
.tg-footer__navList{
  list-style: none;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;

  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 40px;
}

/* 1行目（ホーム／サービス内容）の上線 */
.tg-footer__navItem:nth-child(-n+2) a{
  border-top: 1px solid var(--line);
}

.tg-footer__navItem a{
  display: block;
  padding: 12px 0;
  font-size: 14px;
  letter-spacing: .06em;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  transition: opacity .2s ease;
}

.tg-footer__navItem a:hover{
  opacity: .75;
}

/* ★ ここが追加：最後の通常メニュー（お問い合わせ）の下余白を詰める */
.tg-footer__navList > .tg-footer__navItem:nth-child(4) a{
  padding-bottom: 12px;
}

/* ▼ 法的リンク（横並び用コンテナ） */
.tg-footer__navItem--legal{
  grid-column: span 2;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.tg-footer__legal{
  display: flex;
  gap: 1.5em;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 法的リンクの見た目 */
.tg-footer__legal a{
  font-size: 12px;
  color: var(--text);
  text-decoration: none;
  border: none !important;
}

.tg-footer__legal a:hover{
  opacity: .75;
}

/* Notice */
.tg-footer__notice{
  width: 100%;
  margin-top: 0 !important;

  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  letter-spacing: .03em;
  white-space: pre-line;
}

/* =========================
   Responsive
========================= */
@media (max-width:900px){
  .tg-footer__grid{
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .tg-footer__nav{
    width: 100%;
    order: 1;
  }

  .tg-footer__grid > div{
    order: 2;
  }

  /* SP時：注意事項の下に余白を追加 */
  .tg-footer__notice{
    margin-bottom: 16px; /* ← 余白量（12〜24pxで調整OK） */
  }
}

</style>

<footer class="tg-footer">
  <div class="tg-footer__inner">
    <div class="tg-footer__grid">

      <!-- 左：会社情報 -->
      <div>
        <div class="tg-footer__logo">
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2024/12/ヘッダーロゴ.png" alt="（株）谷口看板店">
        </div>

        <p class="tg-footer__company">
          （株）谷口看板店<br>
          〒489-0906 愛知県瀬戸市本郷町682-4<br>
          TEL：0561-76-4161<br>
          FAX：0561-76-4164
        </p>

        <div class="tg-footer__copyright">
          © （株）谷口看板店 All Rights Reserved.
        </div>
      </div>

      <!-- 右：メニュー -->
      <nav class="tg-footer__nav" aria-label="フッターメニュー">
        <ul class="tg-footer__navList">
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/">ホーム</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/#service">サービス内容</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/施工事例/">施工事例</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/お問い合わせ/">お問い合わせ</a></li>

          <!-- プライバシー／免責（横並び） -->
          <li class="tg-footer__navItem tg-footer__navItem--legal">
            <div class="tg-footer__legal">
              <a href="https://taniguchi-kanbanten.com/privacy-policy/">プライバシーポリシー</a>
              <a href="https://taniguchi-kanbanten.com/免責事項/">免責事項</a>
            </div>
          </li>
        </ul>

        <div class="tg-footer__notice">
暴力団・右翼関係の依頼は承る事ができません。
一見さんはこちらの都合上対応が遅くなる可能性があります。
        </div>
      </nav>

    </div>
  </div>
</footer>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://taniguchi-kanbanten.com/%e6%87%b8%e5%9e%82%e5%b9%95/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>各種アメニティ</title>
		<link>https://taniguchi-kanbanten.com/%e5%90%84%e7%a8%ae%e3%82%a2%e3%83%a1%e3%83%8b%e3%83%86%e3%82%a3/</link>
					<comments>https://taniguchi-kanbanten.com/%e5%90%84%e7%a8%ae%e3%82%a2%e3%83%a1%e3%83%8b%e3%83%86%e3%82%a3/#respond</comments>
		
		<dc:creator><![CDATA[taniguchikanbanten0307]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 12:40:58 +0000</pubDate>
				<category><![CDATA[施工事例]]></category>
		<guid isPermaLink="false">https://test-cookies-company.com/?p=1658</guid>

					<description><![CDATA[戻る]]></description>
										<content:encoded><![CDATA[
<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull" style="background-color:#f6f4f3"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================
   WORKS 見出し（SWELL用）
   - 幅：1100px
   - 2行とも左寄せ
   - 背景なし
   - 赤：#C42D2D
========================= */
.works-title-wrap{
  --wrap-w: 1100px;
  --red: #C42D2D;

  max-width: var(--wrap-w);
  margin: 0 auto;
  padding: 18px 0; /* 背景なしなので上下だけ軽く余白 */
  box-sizing: border-box;
}

.works-title{
  margin: 0 0 32px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.0;
  color: var(--red);
  font-size: 60px; /* PC想定（画像の雰囲気に合わせた大きめ） */
}

.works-subtitle{
  margin: 14px 0 0;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.2;
  color: #111;
  font-size: 16px; /* 指定 */
}

/* =========================
   Responsive
========================= */
@media (max-width: 1200px){
  .works-title-wrap{
    padding: 18px 16px; /* 画面端の詰まり防止 */
  }
}

@media (max-width: 768px){
  .works-title{
    font-size: 52px;
  }
  .works-subtitle{
    margin-top: 10px;
    font-size: 17px; /* 指定どおり固定 */
  }
}

@media (max-width: 480px){
  .works-title{
    font-size: 42px;
  }
}
</style>

<div class="works-title-wrap">
  <p class="works-title">WORKS</p>
  <p class="works-subtitle">施工事例</p>
</div>
</div></div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 alignfull u-mb-ctrl u-mb-0" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-container">
<style>
/* --- 基本レイアウト --- */
.cs-main-container * { box-sizing: border-box; }
.cs-main-container {
  width: 100% !important;
  margin: 0 auto !important;
  max-width: 1100px !important;
  padding: 0 16px;
  clear: both;
}
.cs-wrap {
  --accent: #B81D1D;
  --text: #111;
  --muted: #666;
  width: 100%;
  padding: 28px 0 44px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: var(--text);
  text-align: left;
}
.cs-title {
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  margin: 0 0 12px;
  padding-left: 14px;
  border-left: 4px solid var(--accent);
  line-height: 1.3;
}
.cs-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 30px;
  color: var(--muted);
}
.cs-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.cs-thumb {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #000;
  cursor: pointer;
}
.cs-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
  transition: transform 0.6s, opacity 0.5s;
}
.cs-thumb:hover img { transform: scale(1.1); opacity: 0.6; }
.cs-thumb::after {
  content: "拡大表示";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  color: #fff; border: 1px solid #fff; padding: 10px 20px;
  opacity: 0; transition: all 0.4s;
}
.cs-thumb:hover::after { opacity: 1; transform: translate(-50%, -50%); }

/* --- 拡大画面 --- */
.cs-lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.8);
  display: none; align-items: center; justify-content: center;
  padding: 40px; z-index: 1000000;
  backdrop-filter: blur(4px);
}
.cs-lightbox.is-active { display: flex; }
.cs-lightbox-inner {
  position: relative; width: 100%; max-width: 750px;  
  max-height: 70vh; text-align: center;
}
.cs-lightbox-inner img {
  width: auto; height: auto; max-width: 100%; max-height: 70vh;
  object-fit: contain; border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.cs-lightbox-close {
  position: absolute; top: -45px; right: 0;
  color: #fff; font-size: 30px; cursor: pointer;
  background: none; border: none;
}

@media (max-width: 680px) {
  .cs-gallery { grid-template-columns: 1fr !important; }
  .cs-lightbox { padding: 20px; }
  .cs-lightbox-inner { max-width: 95%; }
}
</style>

<div class="cs-main-container">
  <div class="cs-wrap">
    <div class="cs-title">各種アメニティ</div>
    <div class="cs-desc">
      各種アメニティでは、アパレルやマグカップ、タオル、ステッカー、ポスター、チラシなどのグッズ制作も行っています。お店や会社のロゴ、メッセージを入れることで、身近に使えて印象に残るアイテムになります。配布用や販売用、イベント用など、目的に合わせてご提案でき、宣伝やイメージづくりにも役立ちます。
    </div>

    <ul class="cs-gallery">
      <li><div class="cs-thumb" onclick="openCsLightbox('p1')"><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/各種アメニティ01.png"></div></li>
    </ul>
  </div>
</div>

<div id="p1" class="cs-lightbox" onclick="closeCsLightbox('p1')"><div class="cs-lightbox-inner"><button class="cs-lightbox-close">×</button><img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/各種アメニティ01.png"></div></div>

<script>
function openCsLightbox(id) {
  document.getElementById(id).classList.add('is-active');
  document.body.style.overflow = 'hidden';
}
function closeCsLightbox(id) {
  document.getElementById(id).classList.remove('is-active');
  document.body.style.overflow = '';
}
</script>
</div></div>



<style>
/* ボタン専用のスタイル */
.single-back-btn-wrap {
  width: 100%;
  max-width: 1100px; /* 他のブロックと幅を合わせる */
  margin: 40px auto;
  padding: 0 16px;
  text-align: center; /* 中央寄せ（左がいい場合はleftに変更） */
}

.single-back-text {
  display: inline-block;
  color: #111; /* 文字色 */
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: sans-serif;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 10px; /* クリック領域を少し広げる */
}

/* 矢印アイコン */
.single-back-text::before {
  content: "←";
  margin-right: 8px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* マウスを合わせた時の動き */
.single-back-text:hover {
  color: #B81D1D; /* ホバー時に赤色へ（お好みで変更可） */
  transform: translateY(-2px); /* 少し浮き上がる */
}

.single-back-text:hover::before {
  transform: translateX(-5px); /* 矢印だけ左にスライド */
}
</style>

<div class="single-back-btn-wrap">
  <a href="https://taniguchi-kanbanten.com/施工事例/" class="single-back-text">戻る</a>
</div>



<div class="swell-block-fullWide pc-py-40 sp-py-20 has-bg-img alignfull lazyload u-mb-ctrl u-mb-0" style="background-color:rgba(184, 29, 29, 0.8)" data-bg="https://taniguchi-kanbanten.com/wp-content/uploads/2026/01/トップ素材01.png"><div class="swell-block-fullWide__inner l-container">
<style>
/* =========================================
   SWELL用：シンプル暗色文字フッター（HTML+CSS一体）
   ・背景なし（透過）
   ・見出しタグ不使用
   ・レスポンシブ対応
   ・900px以下で「メニュー → 会社情報」の順に並べ替え
   ・プライバシーポリシー／免責事項は横並び
========================================= */

/* =========================
   Base
========================= */
.tg-footer{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.5);

  background: transparent;
  color: var(--text);
}

.tg-footer__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 20px;
}

.tg-footer__grid{
  display: grid;
  grid-template-columns: 1.1fr 2fr;
  gap: 40px;
  align-items: start;
}

/* =========================
   Left : Logo / Company
========================= */
.tg-footer__logo{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.tg-footer__logo img{
  max-width: 250px;
  height: auto;
  display: block;
}

.tg-footer__company{
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
  color: #fff;
}

.tg-footer__copyright{
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
  letter-spacing: .04em;
}

/* =========================
   Right : Nav
========================= */
.tg-footer__nav{
  width: min(520px, 100%);
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Menu list */
.tg-footer__navList{
  list-style: none;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;

  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 40px;
}

/* 1行目（ホーム／サービス内容）の上線 */
.tg-footer__navItem:nth-child(-n+2) a{
  border-top: 1px solid var(--line);
}

.tg-footer__navItem a{
  display: block;
  padding: 12px 0;
  font-size: 14px;
  letter-spacing: .06em;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  transition: opacity .2s ease;
}

.tg-footer__navItem a:hover{
  opacity: .75;
}

/* ★ ここが追加：最後の通常メニュー（お問い合わせ）の下余白を詰める */
.tg-footer__navList > .tg-footer__navItem:nth-child(4) a{
  padding-bottom: 12px;
}

/* ▼ 法的リンク（横並び用コンテナ） */
.tg-footer__navItem--legal{
  grid-column: span 2;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.tg-footer__legal{
  display: flex;
  gap: 1.5em;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 法的リンクの見た目 */
.tg-footer__legal a{
  font-size: 12px;
  color: var(--text);
  text-decoration: none;
  border: none !important;
}

.tg-footer__legal a:hover{
  opacity: .75;
}

/* Notice */
.tg-footer__notice{
  width: 100%;
  margin-top: 0 !important;

  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  letter-spacing: .03em;
  white-space: pre-line;
}

/* =========================
   Responsive
========================= */
@media (max-width:900px){
  .tg-footer__grid{
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .tg-footer__nav{
    width: 100%;
    order: 1;
  }

  .tg-footer__grid > div{
    order: 2;
  }

  /* SP時：注意事項の下に余白を追加 */
  .tg-footer__notice{
    margin-bottom: 16px; /* ← 余白量（12〜24pxで調整OK） */
  }
}

</style>

<footer class="tg-footer">
  <div class="tg-footer__inner">
    <div class="tg-footer__grid">

      <!-- 左：会社情報 -->
      <div>
        <div class="tg-footer__logo">
          <img decoding="async" src="https://taniguchi-kanbanten.com/wp-content/uploads/2024/12/ヘッダーロゴ.png" alt="（株）谷口看板店">
        </div>

        <p class="tg-footer__company">
          （株）谷口看板店<br>
          〒489-0906 愛知県瀬戸市本郷町682-4<br>
          TEL：0561-76-4161<br>
          FAX：0561-76-4164
        </p>

        <div class="tg-footer__copyright">
          © （株）谷口看板店 All Rights Reserved.
        </div>
      </div>

      <!-- 右：メニュー -->
      <nav class="tg-footer__nav" aria-label="フッターメニュー">
        <ul class="tg-footer__navList">
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/">ホーム</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/#service">サービス内容</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/施工事例/">施工事例</a></li>
          <li class="tg-footer__navItem"><a href="https://taniguchi-kanbanten.com/お問い合わせ/">お問い合わせ</a></li>

          <!-- プライバシー／免責（横並び） -->
          <li class="tg-footer__navItem tg-footer__navItem--legal">
            <div class="tg-footer__legal">
              <a href="https://taniguchi-kanbanten.com/privacy-policy/">プライバシーポリシー</a>
              <a href="https://taniguchi-kanbanten.com/免責事項/">免責事項</a>
            </div>
          </li>
        </ul>

        <div class="tg-footer__notice">
暴力団・右翼関係の依頼は承る事ができません。
一見さんはこちらの都合上対応が遅くなる可能性があります。
        </div>
      </nav>

    </div>
  </div>
</footer>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://taniguchi-kanbanten.com/%e5%90%84%e7%a8%ae%e3%82%a2%e3%83%a1%e3%83%8b%e3%83%86%e3%82%a3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
