[
menu
][
解除
]
[
更新
][
help
]
[
次頁
]
html,body,h1,p { margin: 0; padding: 0; } body,html { height: 100%; text-align: center; font-family: -apple-system, BlinkMacSystemFont, YakuHanJP, Helvetica, ﾋﾗｷﾞﾉ角ｺﾞｼｯｸ, "Hiragino Sans", "ﾋﾗｷﾞﾉ角ｺﾞ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif; background: #fff; color: #403230; } .container { padding: 60px 30px; } @media screen and (min-width: 640px) { .container { padding: 100px 30px; } } h1 { letter-spacing: 0.05em; font-size: 2.4rem; margin-bottom: 20px; } a { color: #147EF0; } .lol-error-page__caption { text-align: center; font-size: 1rem; font-weight: 600; line-height: 1.72; } .lol-error-page__information { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 640px; margin: 20px auto; } @media screen and (min-width: 640px) { .lol-error-page__information { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 40px auto 100px; } } .lol-error-page__information-img { width: 100px; height: 142px; margin-top: 20px; -webkit-order: 2; -ms-flex-order: 2; order: 2; } @media screen and (min-width: 640px) { .lol-error-page__information-img { margin-top: 0; margin-right: 20px; margin-bottom: 0; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } .lol-error-page__information-balloon { width: 100%; max-width: 620px; position: relative; display: inline-block; height: auto; padding: 20px; vertical-align: middle; border-radius: 6px; background: #fc3; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .lol-error-page__information-balloon::after { position: absolute; z-index: 1; bottom: -8px; left: calc(50% - 10px); display: block; width: 0; content: ''; border-width: 10px 8px 0; border-style: solid; border-color: #fc3 transparent; } @media screen and (min-width: 640px) { .lol-error-page__information-balloon { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .lol-error-page__information-balloon::after { top: calc(50% - 10px); bottom: auto; left: -8px; border-width: 10px 8px 10px 0; border-color: transparent #fc3; } } .lol-error-page__balloon-text { text-align: left; font-size: 1rem; font-weight: 600; line-height: 1.72; } .lol-error-page__ad { width: 100%; max-width: 620px; margin: 20px auto; } .lol-error-page__ad img { max-width: 468px; width: 100%; } .lol-error-page__ad-banner { text-align:center; margin: 15px auto 20px; } .lol-error-page__ad-banner-holizontal { width: 300px; height: auto; margin: auto; } @media screen and (min-width: 640px) { .lol-error-page__ad-banner-holizontal { display: inline; float: left; } } .lol-error-page__ad-banner-holizontal-right { margin-left: 0; } @media screen and (min-width: 640px) { .lol-error-page__ad-banner-holizontal-right { margin-left: 20px; } }
404error
お探しのﾍﾟｰｼﾞが見つかりませんでした｡
[
次頁
](30 p)
参考
↓Nogateでパラメータ化されたURL
[
http://freeside.skr.jp/cgi/nogate/n.cgi?MoN=g&UoN=isibasi%2Echu%2Ejp%2Fblog%2F2005%2F10%2Fpost%2Ehtml
]
[
imode型ポップアップ表示
]
コピーアンドペーストして上記のようにHTMLのA linkパラメータに使用すればimode用ページアドレスとして使えます.
（化けているわけではありません:ｐ）
また、imode型ポップアップ表示の際、
川原 千種
さんのiModeSSを使用させて頂いております。