https://www.sansokan.jp/redirect.html?redirecturl=https://ebis.obda.or.jp/login

1<!DOCTYPE html>
2<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="ja"> <![endif]-->
3<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="ja"> <![endif]-->
4<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="ja"> <![endif]-->
5<!--[if gt IE 8]><!-->
6<html class="" lang="ja">
7<!--<![endif]-->
8<head>
9  <meta charset="utf-8">
10  <meta name="viewport" content="width=device-width, initial-scale=1">
11  <title>転送ページ</title>
12  <style>
13    body {
14      text-align: center;
15    }
16    .show_spmode {
17	    display: none;
18    }
19    .main {
20      text-align: left;
21      display: inline-block;
22      width: 960px;
23    }
24    .logo-wrap {
25      display: flex;
26      justify-content: space-between;
27      align-items: center;
28    }
29    .logo-wrap-sp {
30      display: flex;
31      flex-direction: column;
32      align-items: center;
33    }
34    .outer {
35      display: flex;
36      justify-content: center;
37    }
38    .be {
39      border: 2px solid #ED6D00;
40      border-radius: 8px;
41      width: 330px;
42    }
43    .af {
44      border: 2px solid #00A1EA;
45      border-radius: 8px;
46      width: 330px;
47    }
48    .logo {
49      padding: 20px 0;
50    }
51    .arrow {
52      padding: 20px 0;
53    }
54    .logo img {
55      height: 70px;
56    }
57    .arrow img {
58      width: 150px;
59    }
60    .arrow-sp img {
61      width: 60px;
62    }
63    .p-header {
64      margin-top: 32px;
65      font-size: 24px;
66    }
67    .p-count {
68      font-size: 20px;
69    }
70    .labels {
71      display: flex;
72      justify-content: space-between; /* 左・中・右に合わせる */
73    }
74    .labels .url {
75      text-align: center;
76      width: 334px; /* 各boxに合わせて均等に */
77    }
78    p {
79      margin: 0; //改行を合わせるため、marginをリセット
80    }
81    @media (max-width: 767px) {
82      .hide_spmode {
83        display: none;
84      }
85      .show_spmode {
86        display: block;
87      }
88      .main {
89        width: auto !important;
90      }
91    }
92  </style>
93</head>
94<body>
95  <div class="main">
96    <div class="hide_spmode">
97      <p class="p-header">公益財団法人大阪産業局のサイトに移動します。<p><br />
98      <div class="logo-wrap">
99        <div class="outer be">
100          <div class="logo">
101            <img src="/img/logo_l.jpg" alt="ここから広がるビジネスチャンス。大阪の中小企業支援機関。 大阪産業創造館(サンソウカン)" />
102          </div>
103        </div>
104        <div class="arrow">
105          <img src="/img/redirect_arrow.jpg" alt="矢印" />
106        </div>
107        <div class="outer af">
108          <div class="logo">
109            <img src="/img/obda_logo.png" alt="公益財団法人 大阪産業局" />
110          </div>
111        </div>
112      </div>
113      <div class="labels">
114        <p class="url"><span id="san-text"></span></p>
115        <p></p>
116        <p class="url"><span id="ebis-text"></span></p>
117      </div>
118      <br />
119      <p>一部サービス機能のリニューアルに伴い、アクセスいただいたページのURLが変更となりました。<br />新しいサイトでは、より快適にご利用いただけるよう、デザインや構成を一新しております。<p>
120      <br />
121      <p>公益財団法人大阪産業局（<span id="obda-text"></span>）は、大阪産業創造館を運営している公益財団法人です。<br />
122      大阪の中小企業等の経営力強化や創業支援等の事業を行うことにより、府内中小企業等の健全な創出及び育成を図り、もって活力ある大阪経済の発展に寄与することを目的としています。<p>
123      <br /><br />
124      <p class="p-count"><span class="countdown" id="countdown">10</span> 秒後に自動で遷移します。遷移しない場合は<a id="manual-link" href="#">【こちらをクリック】</a>してください。<p>
125      <br /><br />
126      <p>■旧URLにアクセスされた場合、自動的に新サイトへ転送されます。<br />　お気に入りやブックマークに登録されている方は、新しいURLへの変更をお願い申し上げます。<p>
127    </div>
128
129    <div class="show_spmode">
130      <p class="p-header">公益財団法人大阪産業局のサイトに移動します。<p><br />
131      <div class="logo-wrap-sp">
132        <div class="outer be">
133          <div class="logo">
134            <img src="/img/logo_l.jpg" alt="ここから広がるビジネスチャンス。大阪の中小企業支援機関。 大阪産業創造館(サンソウカン)" />
135          </div>
136        </div>
137        <p><span id="san-text-sp"></span></p>
138        <div class="arrow-sp">
139          <img src="/img/redirect_arrow_sp.jpg" alt="矢印" />
140        </div>
141        <div class="outer af">
142          <div class="logo">
143            <img src="/img/obda_logo.png" alt="公益財団法人 大阪産業局" />
144          </div>
145        </div>
146        <p><span id="ebis-text-sp"></span></p>
147      </div>
148      <br />
149      <p>一部サービス機能のリニューアルに伴い、アクセスいただいたページのURLが変更となりました。<br />新しいサイトでは、より快適にご利用いただけるよう、デザインや構成を一新しております。<p>
150      <br />
151      <p>公益財団法人大阪産業局（<span id="obda-text-sp"></span>）は、大阪産業創造館を運営している公益財団法人です。<br />
152      大阪の中小企業等の経営力強化や創業支援等の事業を行うことにより、府内中小企業等の健全な創出及び育成を図り、もって活力ある大阪経済の発展に寄与することを目的としています。<p>
153      <br /><br />
154      <p><span class="countdown" id="countdown-sp">10</span> 秒後に自動で遷移します。遷移しない場合は<a id="manual-link-sp" href="#">【こちらをクリック】</a>してください。<p>
155      <br /><br />
156      <p>■旧URLにアクセスされた場合、自動的に新サイトへ転送されます。お気に入りやブックマークに登録されている方は、新しいURLへの変更をお願い申し上げます。<p>
157    </div>
158  </div>
159
160  

160<script>
161    let countdown = 10;
162    const sansokanUrl = "https://www.sansokan.jp/";
163    const ebisUrl = "https://ebis.obda.or.jp/";
164    const obdaUrl = "https://www.obda.or.jp/";
165
166    // 産創館URLの設定
167    const sanText = document.getElementById('san-text');
168    sanText.textContent = sansokanUrl;
169    const sanTextSp = document.getElementById('san-text-sp');
170    sanTextSp.textContent = sansokanUrl;
171
172    // EBISのルートURLの設定
173    const ebisText = document.getElementById('ebis-text');
174    ebisText.textContent = ebisUrl;
175    const obdaText = document.getElementById('obda-text');
176    obdaText.textContent = obdaUrl;
177    const ebisTextSp = document.getElementById('ebis-text-sp');
178    ebisTextSp.textContent = ebisUrl;
179    const obdaTextSp = document.getElementById('obda-text-sp');
180    obdaTextSp.textContent = obdaUrl;
181
182    // 前リンクで指定されたパスを取得
183    const params = new URLSearchParams(window.location.search);
184    let redirectPath = params.get("redirecturl");
185
186    // 想定外のURLの場合、404へ遷移
187    if (!redirectPath.startsWith(ebisUrl)) {
188      window.location.href = sansokanUrl + '404';
189    }
190
191    // リンクにリダイレクトURLをセット
192    const manualLink = document.getElementById('manual-link');
193    manualLink.href = redirectPath;
194    const manualLinkSp = document.getElementById('manual-link-sp');
195    manualLinkSp.href = redirectPath;
196
197    const countdownEl = document.getElementById('countdown');
198    const countdownElSp = document.getElementById('countdown-sp');
199
200    const interval = setInterval(() => {
201      countdown--;
202      countdownEl.textContent = countdown;
203      countdownElSp.textContent = countdown;
204      if (countdown <= 0) {
205        clearInterval(interval);
206        window.location.href = redirectPath;
207      }
208    }, 1000);
209  </script>

209
210</body>
211</html>