<!--
#############XIIIXIIIXIIIXIIIXIIIXIIIXIIIXIIIXIIIXIIIXIIIXIIIXIII#############


## ###   ## ###   ##   ##  ## ###   ## ###    ####    ## ###
## ####  ## ###   ##   ##  ## ###   ## ####  ######   ## ###
##   ##  ##        ## ##   ##       ##   ##  ##  ##   ##
## ####  ## ###    ##  #   ## ###   ## ####   ##      ## ###
## ###   ## ###     ##     ## ###   ## ###      ##    ## ###
##    #  ##         ###    ##       ##    #  ##  ##   ##
##   ##  ## ###      #     ## ###   ##   ##  ######   ## ###
##   ##  ## ###      #     ## ###   ##   ##   ####    ## ###

## ###   ##       ##   ##  ## ###
## ####  ##       ##   ##  ## ###
##   ##  ##       ##   ##  ##
## ####  ##       ##   ##  ## ###
## ###   ##       ##   ##  ## ###
##    #  ##       ##   ##  ##
## ####  ## ###   ### ###  ## ###
## ###   ## ###    ## ##   ## ###

##   ##
 ## ##
 ### #
  ##
   ##
 # ###
 ## ##
##   ##

## ###   ## ###            ## ###   ##    ## ###   ######   ##   ##
## ####  ## ###            ## ####  ##    ## ####  ######   ##   ##
##   ##  ##                ##   ##  ##    ##   ##           ##   ##
## ####  ## ###    ####    ## ####  ##    ## ####    ##     ## ####
## ###   ## ###    ####    ## ###   ##    ## ###     ##     ## ####
##    #  ##                ##    #  ##    ##    #    ##     ##   ##
##   ##  ## ###            ## ####  ##    ##   ##    ##     ##   ##
##   ##  ## ###            ## ###   ##    ##   ##    ##     ##   ##

## ###   ##   ##  ## ##
## ###   ###  ##  ## ###
##        ### ##  ##  ###
## ###   # #####  ##   ##
## ###   ## ####  ##   ##
##       ##  ###  ##  ###
## ###   ##   ##  ## ###
## ###   ##    #  ## ##


Deities, each in their singularity, did stake claim to dominion.

One Sovereign bestowed might unto man, with intent to make broad his territory.

A Different One, in His wisdom, did enrich the land.

Yet another, in His providence, did cause man to seek himself, in scheme to multiply divinity.

Unto these higher beings, it was but "GARDEN".

A sanctuary shaped by divine will, they held distaste for trespassers.

Interlopers to cast out, and to root out the unwanted, Guardians they did bring forth.

Those known as "GARDENERS" received power and love divine, tasked with the pruning of "GARDEN".

"GARDENERS", in due season, were marked as the Chosen, serving as terrestrial emissaries of deities.

The strength divine did manifest as blade, and divine affection didst transcend the veil of death.


#############XIIIXIIIXIIIXIIIXIIIXIIIXIIIXIIIXIIIXIIIXIIIXIIIXIII#############

    ｜
    ｜
    ｜

"神の力は剣となり、神の愛は死を超えた"――だったかな？

いかにもな憲章だ。君が好きそうだとかねてから思っていた。

ああ、気を悪くしないでくれ。

これでも褒めているつもりなんだ。

素晴らしいよ、本当に。

君らがここまでやるとは思わなかった。驚愕だよ。

が、同時にここまでしか来なかったのかとも落胆した。

どこかで君に斃されることを望んでいるのかもしれないね。

ドM？あははははっ、そうそう、そうかもしれない。

ずっと疑問だったんだ。

僕は、生きはじめてからずっと、どうやって終わるかばかりを考えている。

それ自体がなぜだろうって。

それはね、終わること自体を大前提においているからなんだよ。

終わりに向かっているからこそ、素敵な終わり方を望んでしまう。

仕事を収めて週末になったらアレがしたい、

受験が終わったらコレをやりたい、

子育てを済ませたらドレに挑戦してみたい――……

それと一緒さ。

そういう意味で、この世の全てはドMなんだよ、暴論だけどね。

一度でも生きてしまったモノたちはさ、終わりたいんだ。

だからこそ、だからこそだよ。

"終わらない" ことを望んだ君たちを、僕は否定したいんだ。

それは本来そうあるべきではない。

終わりをみないその瞳を、

歩みを止めたその足を、

全てを取りこぼしたその腕を、

それでもそこに留まると決めた勇気を、

僕は、僕らは、否定し踏みつけ蹂躙し "なかったこと" になるまですり潰したいんだ。

というわけでそろそろ時間だ。覚悟はいいかい？

未来のために「永遠」となった少年少女たちよ…！

    ｜
    ｜
    ｜

-->

<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>リバースブルー×リバースエンド</title>
		<meta name="description" content="ハピエレ×グリモアが贈るスマホゲーム『リバースブルー×リバースエンド』の公式サイト――、というには些かシンプルで、そして蒼すぎた。" />
		<meta name="keywords" content="リバースブルー×リバースエンド,リバxリバ,リバ×リバ,リバリバ,リバース,ブルー,エンド,リバースブルー,リバースエンド,REVERSE BLUE × RE-BIRTH END,reverse blue,reverse,blue,rebirth,re-birth,end,reverseblue,rebirthend,りばxりば,りば×りば,りばりば,りばーすぶるーりばーすえんど,りばーす,ぶるー,えんど,りばーすぶるー,りばーすえんど,riba-su,riba-suburu-,buru-,Happy Elements,ハッピーエレメンツ,ハピエレ,grimoire,グリモア,RPG,JRPG,ソシャゲ,スマホゲーム,モバイルゲーム,リバリバ 公式サイト,リバリバ 事前登録,リバリバ ティザー,リバリバ 予約,リバリバ 解説,リバリバ 評価,リバリバ ストーリー,リバリバ PV,リバリバ iOS,リバリバ apk,リバリバ youtube,リバリバ PC,リバリバ 予告,リバリバ まとめ,リバリバ 似てる,リバリバ 実況,リバリバ コミケ,リバリバ ハピエレ,リバリバ グリモア" />
		<meta name="theme-color" content="#f4f4ff" />
		<link rel="preconnect" href="https://fonts.googleapis.com" />
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
		<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap" rel="stylesheet" />
		<link rel="apple-touch-icon" type="image/png" href="https://rxr.happyelements.co.jp/img/favicon.png" sizes="192x192" />
		<link rel="shortcut icon" type="image/x-icon" href="https://rxr.happyelements.co.jp/img/favicon.ico" />

		<meta property="og:url" content="https://rxr.happyelements.co.jp/" />
		<meta property="og:title" content="リバースブルー×リバースエンド" />
		<meta property="og:type" content="website" />
		<meta property="og:description" content="ハピエレ×グリモアが贈るスマホゲーム『リバースブルー×リバースエンド』の公式サイト――、というには些かシンプルで、そして蒼すぎた。" />
		<meta property="og:image" content="https://rxr.happyelements.co.jp/img/rxr.png" />
		<meta property="og:site_name" content="リバースブルー×リバースエンド（リバ×リバ）公式" />

		<!-- twitter -->
		<meta name="twitter:card" content="summary_large_image" />
		<meta name="twitter:site" content="@rxr_jp" />
		<meta name="twitter:player" content="@rxr_jp" />
		<meta name="twitter:image" content="https://rxr.happyelements.co.jp/img/rxr.png" />

		<meta name="format-detection" content="email=no,telephone=no,address=no" />
		<meta name="theme-color" content="#ffffff" />

		<!-- Bulma Version 0.9.4-->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
		<link rel="stylesheet" type="text/css" href="./css/style.css" />
		<link rel="stylesheet" type="text/css" href="./css/slide.css" />

		<!-- Google tag (gtag.js) -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=G-D24SX6J3NL"></script>
		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());
		
		  gtag('config', 'G-D24SX6J3NL');
		</script>
	</head>

	<body>
		<!-- Begin Preloader -->
		<div class="preloader-wrapper">
			<div class="preloader">
			</div>
		</div>
		<!-- End Preloader-->

		<div id="pcscreen" class="pcscreen is-vcentered">

		</div>

		<div class="main is-narrow">

			<section class="bg is-fullheight video">
				<div class="bg-video">
					<video id="video" poster="img/pc/fv.png" playsinline autoplay muted loop>
						<source src="img/pc/bg_light.mp4" type="video/mp4" />
					</video>
				</div>

				<section class="section fullheight">
					<div class="container has-text-centered">
						<h2 class="title"><img src="img/sp/logo_anim_sp.png" /></h2>
						<div class="scroll"><img src="img/pc/scroll_anim.png" /></div>
					</div>
				</section>

				<section class="section fullheight">
					<div class="columns is-mobile is-multiline has-text-centered">
						<div class="column is-12 is-size-4 is-size-5-mobile has-text-white mb-5 catchcopy">
							だったら別に、魔王でいい。
						</div>
						<div class="column is-12 is-size-5 is-size-6-mobile has-text-white">
							大切なもの、大事な宝物、
						</div>

						<div class="column is-12 is-size-5 is-size-6-mobile has-text-white">
							失いたくない想い。
						</div>
						<div class="column is-12 is-size-5 is-size-6-mobile has-text-white">
							何かを犠牲にしないと守れないなら、
						</div>
						<div class="column is-12 is-size-5 is-size-6-mobile has-text-white">
							私たちは”世界”を敵にまわす。
						</div>
						<div class="column is-half is-offset-one-quarter mt-5">
							<h2 class="title"><img src="img/sp/reverse_logo.png" /></h2>
						</div>
						<div class="column is-12 is-size-5 is-size-6-mobile has-text-white mt-3" style="letter-spacing: 0.13em;">
							これは、未来のために「永遠」となった
						</div>
						<div class="column is-12 is-size-5 is-size-6-mobile has-text-white">
							少年少女の物語。
						</div>

					</div>
				</section>


				<section class="section twitter">
					<div class="container has-text-centered">
						<div class="columns is-mobile is-multiline aos-init aos animate is-centered" data-aos="fade-in" data-aos-easing="liner">
							<div class="column is-6 mb-6 is-half content-title">
								<img src="img/sp/h1_news.png" />
							</div>
							<div class="column is-12 is-full">


<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">【🎍謹賀新年🎍 】<br>あけましておめでとうฅ^&gt;ω&lt;^ฅ<br>初日の出は見れたかな🌅お餅やみかんを食べながらゆっくりこたつで丸くなろうね🐱<br><br>2024年もリバースブルー×リバースエンドをよろしくねฅ^&gt;ω&lt;^ฅ<a href="https://twitter.com/hashtag/%E3%83%AA%E3%83%90x%E3%83%AA%E3%83%90?src=hash&amp;ref_src=twsrc%5Etfw">#リバxリバ</a> <a href="https://twitter.com/hashtag/%E3%83%AA%E3%83%90%E3%83%BC%E3%82%B9%E3%83%96%E3%83%AB%E3%83%BCx%E3%83%AA%E3%83%90%E3%83%BC%E3%82%B9%E3%82%A8%E3%83%B3%E3%83%89?src=hash&amp;ref_src=twsrc%5Etfw">#リバースブルーxリバースエンド</a> <a href="https://t.co/FNa30Zqz6R">pic.twitter.com/FNa30Zqz6R</a></p>&mdash; リバースブルー×リバースエンド公式（リバ×リバ） (@rxr_jp) <a href="https://twitter.com/rxr_jp/status/1741625284028416379?ref_src=twsrc%5Etfw">January 1, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


							</div>
							<div class="column is-half mt-6">
								<a href="https://twitter.com/rxr_jp" target="_blank" rel="nofollow noopener" onclick=" gtag('event', 'play', { 'event_category': 'click', 'event_label': 'follow_button', 'value': 1 });">
									<img src="img/sp/btn_followus.png" />
								</a>
							</div>
						</div>
					</div>
				</section>

				<section class="section teaser fullheight">
					<div class="container has-text-centered" style="height: calc(100vh - 96px)">
						<div class="columns is-multiline is-mobile is-centered">
							<div class="column is-6 is-half content-title">
								<img src="img/sp/h1_teaser.png" />
							</div>
						</div>
						<div class="columns is-multiline is-mobile is-centered is-vcentered" style="height: 80vh">
							<div class="column is-2 is-half">
								<a id="open_modal" class="is-primary">
									<img src="img/sp/btn_start.png" />
								</a>
							</div>
							<div id="modal" class="modal">
								<div class="modal-background"></div>
								<div class="modal-content">
									<figure class="image is-16by9">
										<iframe id="video" class="has-ratio" width="100%" height="100%" src="https://www.youtube.com/embed/RIdMi2agaLQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
									</figure>
								</div>
								<button class="modal-close is-large" aria-label="close">
								</button>
							</div>
						</div>
					</div>
				</section>

				<section class="section teaserfooter p-4">
					<div class="container mt-6">
						<div class="columns is-mobile">
							<div class="column is-3 is-offset-3 is-4-mobile is-offset-2-mobile">
								<a href="https://happyelements.co.jp/" target="_blank">
									<img src="img/sp/happyelements_logo.png" />
								</a>
							</div>
							<div class="column is-2 is-offset-1 is-2-mobile is-offset-1-mobile">
								<a href="https://grmr.co.jp/" target="_blank">
									<img src="img/sp/grimoire_logo.png" />
								</a>
							</div>
						</div>
						<div class="columns is-mobile mt-6">
							<div class="column is-6 is-offset-3">
								<img src="img/sp/copywrite.png" />
							</div>
						</div>

					</div>
				</section>

			</section>
		</div>

		<div id="modal-op" class="modal-op hidden">
			<div class="modal-op-content">
				<span id="close-op" class="close-op">
					<button class="modal-close is-large" aria-label="close">
					</button>
				</span>
				<iframe id="video-op" width="100%" height="100%" src="https://www.youtube.com/embed/RIdMi2agaLQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
		</div>

		<!-- Scripts -->
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
		<script src="./js/responsive.js"></script>
		<script src="./js/teaser.js"></script>
		<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet" />
		<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
		<script>
			AOS.init({
				easing: "ease-out",
				duration: 800,
			});

			window.addEventListener("pageshow", function(){
				document.getElementById("video").play();
			});
		</script>

		<!--
		<script src="./js/script.js"></script>
		-->

	</body>
</html>