<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>カエルパンダ アプリストアへ移動中</title>

<script type="text/javascript">

(function() {

    // ユーザーエージェント取得

    var ua = navigator.userAgent.toLowerCase();

    
    // リンク先URL定義

    var iosUrl = "https://apps.apple.com/jp/developer/kaerupanda-inc/id668508567";

    var androidUrl = "https://play.google.com/store/apps/developer?id=%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%82%AB%E3%82%A8%E3%83%AB%E3%83%91%E3%83%B3%E3%83%80";


    // iOS判定 (iPhone, iPod, または iPad)

    var isIos = (ua.indexOf('iphone') > -1) || 

                (ua.indexOf('ipod') > -1) || 

                (ua.indexOf('ipad') > -1) ||

                (ua.indexOf('macintosh') > -1 && 'ontouchend' in document);


    // Android判定

    var isAndroid = (ua.indexOf('android') > -1);


    // リダイレクト処理

    if (isIos) {

        window.location.href = iosUrl;

    } else if (isAndroid) {

        window.location.href = androidUrl;

    } else {

        // PCなどの場合は何もしない（画面のボタンを押してもらう）

    }

})();

</script>

<style>

    body { font-family: sans-serif; text-align: center; padding-top: 50px; }

    .btn { display: inline-block; margin: 10px; padding: 15px 30px; background: #eee; text-decoration: none; color: #333; border-radius: 5px; }

</style>

</head>

<body>

    <p>ストアへ移動しています...</p>

    <p>自動で切り替わらない場合は以下をタップしてください。</p>

    <div>

        <a href="https://apps.apple.com/jp/developer/kaerupanda-inc/id668508567" class="btn">iOS (App Store)</a>

        <a href="https://play.google.com/store/apps/developer?id=%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%82%AB%E3%82%A8%E3%83%AB%E3%83%91%E3%83%B3%E3%83%80" class="btn">Android (Google Play)</a>

    </div>

</body>

</html>