html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>E-mail(ja)</title>
</head>
<body style="padding: 0;margin:0">
<div style="padding: 20px;margin: 0 auto;background-color: #efefef;width: 600px;">
<div
style="width: 600px;margin: 0;padding: 10px;border: 2px solid #000;position: relative;left: 0;top: 0;box-sizing: border-box;background-color: #fff;"
>
<header style="width: 576px;height: 130px;background-color: #130c2e;text-align: center;">
<img
style="width: 266px; height: 52px;display:inline-block;margin:39px auto;"
src="https://uranai.astrologiez.com/Public/images/horoscope-logo.png"
/>
</header>
<div style="margin: 12px 0;border: 1px solid #C0C4CC;"></div>
<main>
<section
style="width:576px;height: 300px;position: relative;text-align: center;vertical-align: middle;background-image: url(https://uranai.astrologiez.com/Public/images/banner_mobile_bg.png);position: relative;"
>
<div style="display: inline-block;height: 125px;margin:87.5px auto;">
<h1
style="font-size: 30px;line-height: 1.3;text-align: center;color: #fff;margin: 24.9px auto;"
>
URANAIの占いにより、自分が見つかる
</h1>
<h2
style="font-size: 16px;line-height: 22.5px;font-weight: 400;margin-top: 18px;text-align: center;color: #ddab7d;"
>
自分を知ることから始めよう！
</h2>
</div>
</section>
<section style="margin-bottom: 24px;width: 576px;">
<h1 style="color:#000;text-align: center;"> 【URANAI】ご登録ありがとうございます </h1>
<p style="color:#000;margin-bottom: 0;font-size: 16px;padding: 0 24px;"> 用户名 様 </p>
<p></p>
<p style="color:#000;margin: 0;font-size: 16px;padding: 0 24px;">
URANAIへようこそ！ご登録ありがとうございます
</p>
<p style="color:#000;margin:0;font-size: 16px;padding: 0 24px;">
URANAIへの会員登録が完了しました。
</p>
<p style="color:#000;font-size: 16px;margin:16px 0 20px;padding: 0 24px;">
URANAIはタロット占い、12星座占い、四柱推命占い、クイズなどを含まれる【完全無料】の占い総合サイト。西洋占星術で1週間の運勢をお届けしました...
<a
style="color: #1890ff;"
href="https://uranai.astrologiez.com/horoscope-weekly/?itm_source=email&itm_medium=astro"
target="_blank"
>続きを読む</a
>
</p>
<div style="text-align: center;">
<a
style="height: 44px;line-height: 44px;display:inline-block;margin: 0 auto;border-radius: 22px;background-color: #ddab7d;text-decoration: none;color: #32285c;font-size: 16px;font-weight: 700;padding: 0 48px;"
href="https://uranai.astrologiez.com/horoscope-weekly/?itm_source=email&itm_medium=astro"
target="_blank"
>今週の運勢へ</a
>
</div>
</section>
<section
style="border-top: 2px solid #C0C4CC;border-bottom: 2px solid #C0C4CC;padding-bottom:24px;margin-bottom: 20px;"
>
<h1 style="color:#000;text-align: center;margin-bottom: 12px;">
12星座毎日ランキング
</h1>
<h4 style="color:#000;text-align: center;margin-top: 0;margin-bottom: 20px;">
あなたの星座は運勢ランキングの何位にいるの？
</h4>
<div style="font-size: 0;">
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/aries.png"
/>
<div style="font-size: 14px;margin-top: 8px;">牡羊座</div>
</a>
</div>
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/taurus.png"
/>
<div style="font-size: 14px;margin-top: 8px;">牡牛座</div>
</a>
</div>
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/gemini.png"
/>
<div style="font-size: 14px;margin-top: 8px;">双子座</div>
</a>
</div>
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/cancer.png"
/>
<div style="font-size: 14px;margin-top: 8px;">蟹座</div>
</a>
</div>
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/leo.png"
/>
<div style="font-size: 14px;margin-top: 8px;">獅子座</div>
</a>
</div>
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/virgo.png"
/>
<div style="font-size: 14px;margin-top: 8px;">乙女座</div>
</a>
</div>
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/libra.png"
/>
<div style="font-size: 14px;margin-top: 8px;">天秤座</div>
</a>
</div>
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/scorpio.png"
/>
<div style="font-size: 14px;margin-top: 8px;">蠍座</div>
</a>
</div>
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/sagittarius.png"
/>
<div style="font-size: 14px;margin-top: 8px;">射手座</div>
</a>
</div>
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/capricorn.png"
/>
<div style="font-size: 14px;margin-top: 8px;">山羊座</div>
</a>
</div>
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/aquarius.png"
/>
<div style="font-size: 14px;margin-top: 8px;">水瓶座</div>
</a>
</div>
<div style="width: 25%;height: 96px;display:inline-block;text-align: center;">
<a
target="_blank"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
style="text-decoration: none;color:#000"
><img
style="height: 56px;display: inline-block;margin-top:6px"
src="https://uranai.astrologiez.com/Public/images/pisces.png"
/>
<div style="font-size: 14px;margin-top: 8px;margin-top: 8px;"> 魚座 </div>
</a>
</div>
</div>
<div style="text-align: center;">
<a
style="height: 44px;line-height: 44px;display:inline-block;margin: 20px auto 0;border-radius: 22px;background-color: #ddab7d;text-decoration: none;color: #32285c;font-size: 16px;font-weight: 700;padding: 0 48px;"
href="https://uranai.astrologiez.com/horoscope/ranking/?itm_source=email&itm_medium=astro"
target="_blank"
>ランキングを見る</a
>
</div>
</section>
<section style="width: 576px;">
<h1 style="color:#000;text-align: center;margin-bottom: 12px;">
人気急上昇中の占いです♪
</h1>
<h4 style="color:#000;text-align: center;margin-top: 0;">
それでは、大人気の占いを一挙ご紹介いたします！
</h4>
<div style="font-size: 0;">
<div style="display: inline-block;width:50%;text-align: center;vertical-align: top;">
<a
style="text-decoration: none;font-size:14px"
href="https://uranai.astrologiez.com/horoscope-yearly/?itm_source=email&itm_medium=astro"
target="_blank"
>
<img
style="width:264px;display:inline-block"
alt="今年の絶好調な星座は？"
src="https://myappcdn.com/uranai/background/whats-ur-luck-in-june-small.jpg"
/>
<div
style="color:#000;margin-top:8px;width: 264px;text-align: center;display: inline-block;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;"
>
今年の絶好調な星座は？
</div>
<div
style="height: 36px;line-height: 36px;margin: 8px auto 20px;border-radius: 18px;background-color: #ddab7d;color: #32285c;padding: 0 24px;font-weight: 700;display: inline-block;"
>
すべてを見る
</div>
</a>
</div>
<div style="display: inline-block;width:50%;text-align: center;">
<a
style="text-decoration: none;font-size:14px"
href="https://uranai.astrologiez.com/tarot/?itm_source=email&itm_medium=astro"
target="_blank"
>
<img
style="width:264px;display:inline-block"
alt="占星術師が教えるタロット"
src="https://myappcdn.com/uranai/background/first-sight-small.jpg"
/>
<div
style="color:#000;margin-top:8px;width: 264px;text-align: center;display: inline-block;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;"
>
占星術師が教えるタロット
</div>
<div
style="height: 36px;line-height: 36px;margin: 8px auto 20px;border-radius: 18px;background-color: #ddab7d;color: #32285c;padding: 0 24px;font-weight: 700;display: inline-block;"
>
すべてを見る
</div>
</a>
</div>
<div style="display: inline-block;width:50%;text-align: center;">
<a
style="text-decoration: none;font-size:14px"
href="https://uranai.astrologiez.com/quiz/whats-your-mental-age/?itm_source=email&itm_medium=astro"
target="_blank"
>
<img
style="width:264px;height: 174px;display: inline-block;"
alt="精神年齢診断"
src="https://myappcdn.com/quiz/quiz_backgroud/whats-your-mental-age-small.jpg"
/>
<div
style="color:#000;margin-top:8px;width: 264px;text-align: center;display: inline-block;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;"
>
精神年齢診断
</div>
<div
style="height: 36px;line-height: 36px;margin: 8px auto 20px;border-radius: 18px;background-color: #ddab7d;color: #32285c;padding: 0 24px;font-weight: 700;display: inline-block;"
>
すべてを見る
</div>
</a>
</div>
<div style="display: inline-block;width:50%;text-align: center;">
<a
style="text-decoration: none;font-size:14px"
href="https://uranai.astrologiez.com/test/16personalities/?itm_source=email&itm_medium=astro"
target="_blank"
>
<img
style="width:264px;height: 174px;display:inline-block"
alt="MBTI性格診断テスト"
src="https://uranai.astrologiez.com/Public/images/mbti_test.png"
/>
<div
style="color:#000;margin-top:8px;width: 264px;text-align: center;display: inline-block;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;"
>
MBTI性格診断テスト
</div>
<div
style="height: 36px;line-height: 36px;margin: 8px auto 20px;border-radius: 18px;background-color: #ddab7d;color: #32285c;padding: 0 24px;font-weight: 700;display: inline-block;"
>
すべてを見る
</div>
</a>
</div>
</div>
</section>
</main>
<footer>
<div
style="width:576px;height: 300px;color: #fff;background-image: url(https://uranai.astrologiez.com/Public/images/banner_mobile_bg.png);"
>
<div style="display:inline-block;height:166px;margin: 67px auto;">
<h2 style="text-align: center;margin: 0;">
「URANAIの占いにより、自分が見つかる。」
</h2>
<h4 style="margin: 0 0 20px;text-align: center;">
さっそく自分を知ることからはじめよう！
</h4>
<h4 style="margin: 0;padding: 0 24px;">
※このメールは自動送信されていますので、そのままご返信いただきましてもお答えいたしかねます。
</h4>
<h4 style="margin: 0;padding: 0 24px;">
※ご意見やご感想は24時間受付中です、皆様のお声をお聞かせいただけますと幸いです。大変お手数ですが、お問い合わせからご連絡ください。
</h4>
</div>
</div>
</footer>
</div>
</div>
</body>
</html>