モリタポータル

<html lang="ja"> <head> <title>モリタポータル</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <style> img{ max-width:100%; height:auto; } a{ text-decoration: none; } .head{ background-color: Orange; border-top: 5px solid DarkOrange; border-bottom: 5px solid DarkOrange; } .head > div{ height:150px; } .main{ max-width:720px; } .how a{ max-width:33%; } .kinou{ max-width:570px; } .kinou > div:first-of-type > a{ margin-top: 5px; display: inline-block; } .topics > div{ width:220px; height:190px; max-width:48%; border-radius: 15px; border: 2px #FF6600 solid; position: relative; } .topics a{ color: #666; display: block; position: absolute; top: 0; left: 0; width:100%; height:100%; border-radius: 15px; padding-top: 15px; } .topics a:hover{ background-color: #FAE2CD; } .foot{ background-color: Orange; border-top: 5px solid DarkOrange; border-bottom: 5px solid DarkOrange; } .foot > div{ min-height:50px; } .foot a{ color:white; margin-left:5px; margin-right:5px; white-space: nowrap; } </style> </head> <body> <div class="head container-fluid"> <div class="d-flex align-items-center justify-content-center"> <img class="" src="img/top.png" width="541" height="120" /> </div> </div> <div class="container main"> <div class="d-flex flex-wrap justify-content-center mt-5 how"> <a href="http://find.moritapo.jp/moritapo/page.php?pn=use01"><img src="img/moritapo.png"></a> <a href="http://find.moritapo.jp/moritapo/page.php?pn=faq"><img src="img/question.png"></a> <a href="http://find.moritapo.jp/moritapo/page.php?pn=api01"><img src="img/api.png"></a> </div> <div class="d-flex flex-wrap justify-content-center mt-5 mx-auto kinou"> <div class="w-50"> <img src="img/kinou.png" width="271" height="35" /> <a href="http://find.moritapo.jp/moritapo/give.php"><img src="img/ageru.png" width="136" height="18" alt="あげる" longdesc="http://find.moritapo.jp/moritapo/give.php" /></a> <a href="http://find.moritapo.jp/moritapo/list.php"><img src="img/zandaka.jpg" width="136" height="18" /></a> <a href="http://find.moritapo.jp/moritapo/take.php"><img src="img/morau.png" width="136" height="18" alt="もらう" longdesc="http://find.moritapo.jp/moritapo/take.php" /></a> <a href="http://find.moritapo.jp/moritapo/renew.php"><img src="img/kunyu.jpg" width="136" height="18" /></a> <a href="http://find.moritapo.jp/moritapo/gather.php"><img src="img/atumeru.png" width="136" height="18" alt="集める" longdesc="http://find.moritapo.jp/moritapo/gather.php" /></a> </div> <div class="w-25"> <a href="http://find.moritapo.jp/moritapo/subscribe.php"><img src="img/shinki.png" width="144" height="138" longdesc="http://find.moritapo.jp/moritapo/subscribe.php" /></a> </div> <div class="w-25"> <a href="http://find.moritapo.jp/moritapo/amount.php"><img src="img/login.png" width="144" height="138" longdesc="http://find.moritapo.jp/moritapo/amount.php" /></a> </div> </div> <div class="text-center mt-5"> <img class="" src="img/service.png" width="574" height="35" /> </div> <div class="d-flex flex-wrap justify-content-center mt-3"> <div class="mx-1"><img src="img/use.png"><span>…モリタポを使う</span></div> <div class="mx-1"><img src="img/collect.png"><span>…モリタポを集める</span></div> <div class="mx-1"><img src="img/trade.png"><span>…モリタポを交換する</span></div> </div> <div class="d-flex flex-wrap justify-content-center gap-2 mt-3 topics"> <div class="text-center"> <a href="http://find.2ch.sc/" target="_blank"> <img src="img/find_logo.png"/> <p>2ちゃんねる検索</p> <img src="img/use.png"><img src="img/g_collect.png"><img src="img/g_trade.png"> </a> </div> <div class="text-center"> <a href="http://find.moritapo.jp/enq/" target="_blank"> <img src="img/kosoan_logo.png"/> <p>コッソリアンケート</p> <img src="img/use.png"><img src="img/collect.png"><img src="img/g_trade.png"> </a> </div> <div class="text-center"> <a href="http://mogera.jp/" target="_blank"> <img src="img/mogera_logo.png"/> <p>モゲラ</p> <img src="img/use.png"><img src="img/g_collect.png"><img src="img/g_trade.png"> </a> </div> <div class="text-center"> <a href="http://cureco.jp/" target="_blank"> <img src="img/cureco_logo.png"/> <p>キュレコ</p> <img src="img/g_use.png"><img src="img/collect.png"><img src="img/g_trade.png"> </a> </div> <div class="text-center"> <a href="http://auction.moritapo.jp/" target="_blank"> <img src="img/oction_logo.png"/> <p>モリタポオークション</p> <img src="img/g_use.png"><img src="img/g_collect.png"><img src="img/trade.png"> </a> </div> <div class="text-center"> <a href="http://ototoy.jp/top/" target="_blank"> <img src="img/ototoy_logo.png"/> <p>オトトイ</p> <img src="img/use.png"><img src="img/g_collect.png"><img src="img/g_trade.png"> </a> </div> <div class="text-center"> <a href="http://moritapo.jp/nicopre/" target="_blank"> <img src="img/nico_logo.png"/> <p>ニコニコ動画<br>プレミアムチケット</p> <img src="img/g_use.png"><img src="img/g_collect.png"><img src="img/trade.png"> </a> </div> <div class="text-center"> <a href="http://moritapo.jp/amamori/" target="_blank"> <img src="img/amazon_logo.png"/> <p>アマゾンギフト券交換所</p> <img src="img/g_use.png"><img src="img/g_collect.png"><img src="img/trade.png"> </a> </div> </div> </div> <div class="foot container-fluid mt-5"> <div class="pt-4 text-center"> <a href="http://razil.jp/" target="_blank">有限会社未来検索ブラジル</a> <a href="http://razil.jp/aboutus.html" target="_blank">会社概要/特定商取引法に基づく表示</a> <a href="http://razil.jp/privacy.html" target="_blank">個人情報保護方針</a> <a href="http://razil.jp/privacyinfo.html" target="_blank">個人情報の取り扱いについて</a> </div> </div> </body> </html> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

CINXE.COM

モリタポータル