<!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" />
<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>
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
</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>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-8800865-7', 'auto');
ga('send', 'pageview');
$(function() {
$('a').each(function() {
var _thispage = $('body').attr('id');
var _thisid = ($(this).attr('id')) ? $(this).attr('id') : 'url:' + $(this).attr('href');
$(this).click(function() {
ga('send', 'event', _thispage, 'click', _thisid);
});
});
});
</script>
</body>
</html>