<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="refresh" content="5; URL=https://goope.jp/">
<title>Goope(グーペ)で作成されたページは見つかりませんでした。</title>
<link rel="shortcut icon" href="favicon.ico">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BR7KFWW7V3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-BR7KFWW7V3');
</script>
<style type="text/css">
* {
padding: 0px;
margin: 0px;
}
a {
text-decoration: none;
}
a:link,
a:visited {
color: #1897c4;
}
a:hover,
a:active {
color: #31b9dd;
}
.error__page {
background-color: #f9f9ef;
height: 100%;
font-family: '游ゴシック', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', sans-serif;
font-size: 16px;
line-height: 1.6;
color: #333;
}
.error__contents__area {
margin-top: 30px;
text-align: center;
}
.error__contents__logo {
display: inline-block;
background: transparent url(img/error_logo.png) 0 0 no-repeat;
background-size: 180px 95px;
width: 180px;
height: 95px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.error__caption__title {
display: inline-block;
padding-top: 15px;
font-size: 22px !important;
color: #ff5c5c;
font-weight: bold;
}
h1.error__caption__wrap {
padding-top: 5px;
font-size: 16px !important;
color: #726e54;
}
.error__image__wrap__404 {
display: inline-block;
margin-top: 30px;
background: transparent url(img/icon_404.png) 0 0 no-repeat;
background-size: 150px 150px;
width: 150px;
height: 150px;
}
.error__button__list__wrap {
padding: 30px 0 0 !important;
}
.error__button__list,
.error__link__list {
list-style-type: none;
display: inline-block;
padding: 0 1em;
}
a.error__button__list__link {
width: 190px;
padding: .6em 0;
display: inline-block;
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 18px;
border-radius: 5px;
}
a.error__button__list__link__history__back {
background-color: #5e5e5e;
display: inline-block !important;
}
a.error__button__list__link__history__back:hover {
background-color: #3c3c3c;
}
a.error__button__list__link__about {
background-color: #ff5c5c;
}
a.error__button__list__link__about:hover {
background-color: #ff4040;
}
.error__footer__area {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
background-color: #e2e1d0;
padding: .8em 0;
}
.error__link__list__wrap {
padding: 0 0 5px !important;
margin: 0;
line-height: 1;
}
.error__link__list:first-child {
border-right: #aca890 solid 1px;
}
a.error__link__text {
color: #333;
font-size: 14px;
}
a.error__link__text:hover {
color: #000;
}
.error__copyright__wrap {
font-size: 14px;
-webkit-text-size-adjust: 100%;
}
@media (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2),
(max-width: 479px) and (-webkit-min-device-pixel-ratio: 1.5),
(max-width: 479px) and (-o-min-device-pixel-ratio: 3 / 2),
(max-width: 479px) and (min--moz-device-pixel-ratio: 1.5),
(max-width: 479px) and (min-device-pixel-ratio: 1.5) {
.error__page {
margin: 0;
}
.error__contents__area {
margin-top: 15px;
padding: 0 10px;
}
.error__contents__logo {
background: transparent url(img/error_logo@2x.png) 0 0 no-repeat;
background-size: 140px 74px;
width: 140px;
height: 74px;
}
.error__caption__title {
font-size: 16px !important;
}
h1.error__caption__wrap {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
font-size: 14px !important;
}
h1.error__caption__wrap br {
display: none;
}
.error__image__wrap__404 {
margin-top: 10px;
background: transparent url(img/icon_404@2x.png) 0 0 no-repeat;
background-size: 100px 100px;
width: 100px;
height: 100px;
}
.error__button__list__wrap {
padding: 10px 0 0 !important;
}
.error__button__list {
padding: 0 .5em;
}
a.error__button__list__link {
width: auto;
padding: .6em 1.4em;
font-size: 14px;
}
.error__footer__area {
padding: 5px 0;
}
a.error__link__text,
.error__copyright__wrap {
font-size: 10px;
}
}
.error__note {
color: #726e54;
font-weight: bold;
font-size: 13px;
margin: 1.5em 0;
}
@media screen and (min-width: 480px) {
.error__note {
font-size: 18px;
margin: 1em 0 0;
}
}
</style>
</head>
<body class="error__page error__page__404" id="404" style="text-align: center;">
<div class="error__contents__area">
<div class="error__contents__logo__wrap">
<a href="https://goope.jp/" id="error__link__logo__404" class="error__contents__logo">
Goope(グーペ)
</a>
</div>
<span class="error__caption__title" style="font-size: 16px;">お探しのページは見つかりませんでした</span>
<h1 class="error__caption__wrap" style="font-size: 20px;">
Goope(グーペ)で作成されたホームページは、<br />
削除されたかアドレスが変更になった可能性があります。
</h1>
<span class="error__image__wrap__404"></span>
<p class="error__note">
5秒後にGoopeのサービスページに移動します。
</p>
<ul class="error__button__list__wrap" style="list-style: none;padding-left: 0;">
<li class="error__button__list">
<a href="javascript:history.back();" class="error__button__list__link error__button__list__link__history__back" id="error__link__back__404" style="display: none;">戻る</a>
</li>
<li class="error__button__list">
<a href="https://goope.jp/" class="error__button__list__link error__button__list__link__about" id="error__link__about__404">Goopeってなに?</a>
</li>
</ul>
<div class="error__footer__area">
<ul class="error__link__list__wrap" style="list-style: none;padding-left: 0;">
<li class="error__link__list">
<a href="https://goope.jp/support/faq" class="error__link__text" id="error__link__faq__404">よくある質問</a>
</li>
<li class="error__link__list">
<a href="https://goope.jp/support/inquiry" class="error__link__text" id="error__link__inquiry__404">お問い合わせ</a>
</li>
</ul>
<div class="error__copyright__wrap">
<a href="https://goope.jp/" class="error__link__text" id="error__link__footer__goope__404">グーペ</a> © <script type="text/javascript">document.write(new Date().getFullYear());</script> <a href="https://pepabo.com/" class="error__link__text" id="error__link__footer__pepabo__404">GMOペパボ株式会社</a> All rights reserved.
</div>
</div>
</div>
</body>
</html>